Uses CSS variables for common definitions, to allow for themes

This commit is contained in:
Alicia Sykes
2021-04-14 21:05:37 +01:00
parent 2baccdb718
commit e31e6d4239
14 changed files with 90 additions and 41 deletions

View File

@@ -104,8 +104,9 @@ export default {
background: #607d8b33;
text-align: center;
padding: 2px;
border: 2px solid transparent;
border-radius: $curve-factor;
outline: 2px solid transparent;
border: 1px solid var(--outline-color);
border-radius: var(--curve-factor);
box-shadow: 1px 1px 2px #373737;
cursor: pointer;
&:hover {
@@ -113,8 +114,7 @@ export default {
background: #607d8b4d;
}
&:focus {
border: 2px solid var(--primary);
outline: none;
outline: 2px solid var(--primary);
}
&.short {
height: 18px;