♻️ Refactored SVG button styles into helpers

This commit is contained in:
Alicia Sykes 2021-08-14 14:51:34 +01:00
parent 778e214f36
commit ecde28811e
1 changed files with 24 additions and 0 deletions

View File

@ -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 {