ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use css variables for colours. Move color, font and variable files to sass root folder.

Browse source
This commit is contained in:
Fredrik Jonsson 2021-12-21 18:50:10 +01:00
commit a3a1294c4e
1 changed files with 167 additions and 152 deletions
Download patch file Download diff file Expand all files Collapse all files

18
assets/sass/components/button/_button.scss
View file

@ -29,7 +29,7 @@ button,
text-decoration: none;
// Improve usability and consistency of cursor style between image-type `input` and others.
cursor: pointer;
color: $button;
color: var(--color-button);
text-align: center;
background-image: linear-gradient(#f6f6f6, #e2e2e2);
border: 1px solid #e4e4e4;
@ -60,14 +60,14 @@ button,
&:active {
// Override any link underlines and color changes.
text-decoration: none;
color: $button;
color: var(--color-button);
}
&:active {
border-color: #555;
text-shadow: $button 0 -1px 0;
background: $grey-dark;
color: $text-bg;
text-shadow: var(--color-button 0 -1px 0) 0 -1px 0;
background: var(--color-grey-dark);
color: var(--color-text-bg);
}
}
@ -91,9 +91,9 @@ button,
%button--disabled[disabled] {
// Re-set default cursor for disabled elements.
cursor: default;
color: $button-disabled;
background-color: $grey-extra-light;
border-color: $grey-extra-light;
color: var(--color-button-disabled);
background-color: var(--color-grey-extra-light);
border-color: var(--color-grey-extra-light);
background-image: none;
text-shadow: none;
@ -101,6 +101,6 @@ button,
&:focus,
&:active {
// Override any link underlines and color changes.
color: $button-disabled;
color: var(--color-button-disabled);
}
}