mirror of
https://github.com/Lissy93/dashy.git
synced 2025-07-07 05:44:46 +02:00
♻️ 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 */
|
/* Custom highlight color */
|
||||||
.highlight {
|
.highlight {
|
||||||
::selection {
|
::selection {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user