dotya.ml/homepage
dotya.ml/ homepage
2
1
Fork 0
Code Issues 2 Pull Requests Projects 1 Releases Activity

updated predefined style
All checks were successful
continuous-integration/drone/push Build is passing
Details 

* 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
This commit is contained in:
surtur 2020-03-20 03:44:56 +01:00
parent d88b79c7fa
commit 125063e9ae
Signed by: wanderer
GPG Key ID: 19CE1EC1D9E0486D
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/scss/_predefined.scss
View File

@ -10,7 +10,7 @@ $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: 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";
$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
//
@ -23,11 +23,13 @@ $code-fonts: Consolas, "Andale Mono WT", "Andale Mono", Menlo, Monaco, "Lucida C
word-wrap: break-word;
border: none;
box-shadow: inset 0 -1px 0 $theme;
transition-property: box-shadow;
transition-duration: .1s;
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 {
box-shadow: inset 0 -1em 0 $theme;
color: $dark-grey;
box-shadow: inset 0 -2em 0 $theme;
opacity: 1;
}
}
}