mirror of https://github.com/Lissy93/dashy.git
♻️ Refactored SVG button styles into helpers
This commit is contained in:
parent
778e214f36
commit
ecde28811e
|
@ -15,6 +15,30 @@
|
|||
}
|
||||
}
|
||||
|
||||
.svg-button {
|
||||
color: var(--primary);
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
svg {
|
||||
path {
|
||||
fill: var(--settings-text-color);
|
||||
}
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin: 0.2rem;
|
||||
padding: 0.2rem;
|
||||
text-align: center;
|
||||
background: var(--background);
|
||||
border: 1px solid currentColor;
|
||||
border-radius: var(--curve-factor);
|
||||
cursor: pointer;
|
||||
&:hover, &.selected {
|
||||
background: var(--settings-text-color);
|
||||
path { fill: var(--background); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Custom highlight color */
|
||||
.highlight {
|
||||
::selection {
|
||||
|
|
Loading…
Reference in New Issue