diff options
Diffstat (limited to 'sass/css')
-rw-r--r-- | sass/css/_colors.scss | 4 | ||||
-rw-r--r-- | sass/css/_fonts.scss | 54 | ||||
-rw-r--r-- | sass/css/yaroslavps.scss | 13 |
3 files changed, 14 insertions, 57 deletions
diff --git a/sass/css/_colors.scss b/sass/css/_colors.scss index df32dd0..a24f933 100644 --- a/sass/css/_colors.scss +++ b/sass/css/_colors.scss @@ -1,5 +1,5 @@ -$bg: #000000; -$bg2: #1b1e25; +$bg0: #000000; +$bg1: #1b1e25; $white: #e5e9f0; $gray: #a1a6b2; $magenta: #9c6992; diff --git a/sass/css/_fonts.scss b/sass/css/_fonts.scss index de85b23..686bc1b 100644 --- a/sass/css/_fonts.scss +++ b/sass/css/_fonts.scss @@ -1,56 +1,8 @@ @font-face { - font-family: "IBM Plex Sans"; - src: url("/fonts/IBMPlexSans-Regular.ttf"); -} - -@font-face { - font-family: "IBM Plex Sans"; - src: url("/fonts/IBMPlexSans-Bold.ttf"); - font-weight: bold; -} - -@font-face { - font-family: "IBM Plex Sans"; - src: url("/fonts/IBMPlexSans-Italic.ttf"); - font-style: italic; -} - -@font-face { - font-family: "IBM Plex Sans"; - src: url("/fonts/IBMPlexSans-BoldItalic.ttf"); - font-style: italic; - font-weight: bold; -} - -@font-face { - font-family: "IBM Plex Serif"; - src: url("/fonts/IBMPlexSerif-Regular.ttf"); -} - -@font-face { - font-family: "IBM Plex Serif"; - src: url("/fonts/IBMPlexSerif-Bold.ttf"); - font-weight: bold; -} - -@font-face { - font-family: "IBM Plex Serif"; - src: url("/fonts/IBMPlexSerif-Italic.ttf"); - font-style: italic; -} - -@font-face { - font-family: "IBM Plex Serif"; - src: url("/fonts/IBMPlexSerif-BoldItalic.ttf"); - font-style: italic; - font-weight: bold; -} - -@font-face { font-family: "IBM Plex Mono"; - src: url("/fonts/BlexMono.ttf"); + src: url("/fonts/IBMPlexMono-Regular.ttf"); } -$font_sans: "IBM Plex Sans", Verdana, Helvetica, sans-serif; -$font_serif: "IBM Plex Serif", Georgia, serif; +$font_sans: Verdana, Geneva, sans-serif; +$font_serif: Georgia, serif; $font_mono: "IBM Plex Mono", monospace; diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss index e9f85df..93d87f9 100644 --- a/sass/css/yaroslavps.scss +++ b/sass/css/yaroslavps.scss @@ -5,7 +5,7 @@ html, body { width: 100%; min-height: 100vh; - background-color: $bg2; + background-color: $bg1; } h1, @@ -73,7 +73,12 @@ code { } span.icon { - font-family: $font_mono; + height: 1em; +} + +span.icon > img { + height: 1em; + width: 1em; } .publish-date { @@ -96,7 +101,7 @@ h2 > span.publish-date { margin: 0 auto; min-height: 100vh; height: auto; - background-color: $bg; + background-color: $bg0; } .landing-page-container { @@ -168,7 +173,7 @@ h2 > span.publish-date { display: inline-block; padding: 0.5em; background-color: $cyan; - color: $bg; + color: $bg0; } .paginator a:hover { |