mirror of
https://github.com/muerwre/markdown-home-tab.git
synced 2025-04-25 08:56:41 +07:00
made human-friendly editing buttons
This commit is contained in:
parent
6d854f57a5
commit
02333e6049
15 changed files with 175 additions and 28 deletions
25
src/components/buttons/Button/styles.module.scss
Normal file
25
src/components/buttons/Button/styles.module.scss
Normal file
|
@ -0,0 +1,25 @@
|
|||
.button {
|
||||
border-radius: 4px;
|
||||
border: 1px solid var(--color-text);
|
||||
color: var(--color-background);
|
||||
background-color: var(--color-text);
|
||||
cursor: pointer;
|
||||
transition: all 0.25s;
|
||||
|
||||
&.size-small {
|
||||
padding: 2px 16px;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
&.variant-outline {
|
||||
color: var(--color-text);
|
||||
background-color: var(--color-background);
|
||||
border: 1px solid var(--color-text);
|
||||
|
||||
&:hover {
|
||||
border: 1px solid var(--color-text);
|
||||
color: var(--color-background);
|
||||
background-color: var(--color-text);
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue