surtur
125063e9ae
All checks were successful
continuous-integration/drone/push Build is passing
* prefer Fira Code Retina font for monospaced text * increased hyperlink legibility - still the same colour is used for highlight box background, the text colour now changes to the site's background colour * improved hyperlink highlighting logic - use pre-rendered opacity
36 lines
1.1 KiB
SCSS
36 lines
1.1 KiB
SCSS
// Colors
|
|
//
|
|
$theme: #D8D8D8;
|
|
$text: #D8D8D8;
|
|
$light-grey: #282a2b; // Background
|
|
$dark-grey: #282a2b; // Hover Bar
|
|
$highlight-grey: #151718; // Highlight background of `keyword`
|
|
$midnightblue: #151718; // Code Background
|
|
|
|
// Fonts
|
|
//
|
|
$fonts: "Trebuchet MS", Verdana, "Verdana Ref", "Segoe UI", Candara, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
|
|
$code-fonts: "Fira Code Retina", Consolas, "Andale Mono WT", "Andale Mono", Menlo, Monaco, "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, "YaHei Consolas Hybrid", monospace, "Segoe UI Emoji", "PingFang SC", "Microsoft YaHei";
|
|
|
|
// Mixins
|
|
//
|
|
@mixin dimmed {
|
|
opacity: .6;
|
|
}
|
|
|
|
@mixin aTag {
|
|
a {
|
|
word-wrap: break-word;
|
|
border: none;
|
|
box-shadow: inset 0 -1px 0 $theme;
|
|
transition: opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
|
|
|
|
&:hover {
|
|
color: $dark-grey;
|
|
box-shadow: inset 0 -2em 0 $theme;
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|