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
3 changed files with 167 additions and 152 deletions
Download patch file Download diff file Expand all files Collapse all files

34
assets/sass/base/_fonts.scss
View file

@ -1,34 +0,0 @@
// Font faces
//
// Instead of relying on the fonts that are available on a user's computer, you
// can use web fonts which, like images, are resources downloaded to the user's
// browser. Because of the bandwidth and rendering resources required, web fonts
// should be used with care.
//
// Numerous resources for web fonts can be found on Google. Here are a few
// websites where you can find Open Source fonts to download:
// - http://www.fontsquirrel.com/fontface
// - http://www.theleagueofmoveabletype.com
// - https://fonts.google.com
//
// In order to use these fonts, you will need to convert them into formats
// suitable for web fonts. We recommend the free-to-use Font Squirrel's
// Font-Face Generator:
// http://www.fontsquirrel.com/fontface/generator
//
// The following is an example @font-face declaration. This font can then be
// used in any ruleset using a property like this: font-family: Example, serif;
//
// Since we're using Sass, you'll need to declare your font faces here, then you
// can add them to the font variables in the _init.scss partial.
// @font-face {
// font-family: 'Example';
// src: url('../fonts/example.eot');
// src: url('../fonts/example.eot?iefix') format('eot'),
// url('../fonts/example.woff') format('woff'),
// url('../fonts/example.ttf') format('truetype'),
// url('../fonts/example.svg#webfontOkOndcij') format('svg');
// font-weight: normal;
// font-style: normal;
// }

2
assets/sass/base/forms/_forms.scss
View file

@ -166,7 +166,7 @@ input {
fieldset {
// Correct the padding in Firefox.
@include padding(.35 .5 .65);
border: 1px solid $border;
border: 1px solid var(--color-border);
}
legend {

8
assets/sass/base/links/_links.scss
View file

@ -13,7 +13,7 @@
a,
%link {
color: $link;
color: var(--color-link);
// stylelint-disable property-no-vendor-prefix
// Remove gaps in links underline in iOS 8+ and Safari 8+.
-webkit-text-decoration-skip: objects;
@ -23,14 +23,14 @@ a,
// safely lower this selector's specificity. This also ensures visited links
// with additional styles won't have their styles overridden.
:visited {
color: $link-visited;
color: var(--color-link-visited);
}
a:hover,
a:focus {
color: $link-hover;
color: var(--color-link-hover);
}
a:active {
color: $link-active;
color: var(--color-link-active);
}