aboutsummaryrefslogtreecommitdiff
path: root/sass/css
diff options
context:
space:
mode:
authorYaroslav <contact@yaroslavps.com>2020-09-08 01:08:44 +0300
committerYaroslav <contact@yaroslavps.com>2020-09-08 01:08:44 +0300
commit358c7b06be5ac06de4cc10c85093ffac8044458a (patch)
tree2ffe8b510a166e54698b6f23b629a1589b1d9413 /sass/css
parent12503fd8211bbdf07d5211ad49645bfd0fef8a3e (diff)
downloadyaroslavps.com-358c7b06be5ac06de4cc10c85093ffac8044458a.tar.gz
yaroslavps.com-358c7b06be5ac06de4cc10c85093ffac8044458a.zip
Getting rid of le bloat
From ~1.3MB on the weblog index to just < 200KB!
Diffstat (limited to 'sass/css')
-rw-r--r--sass/css/_colors.scss4
-rw-r--r--sass/css/_fonts.scss54
-rw-r--r--sass/css/yaroslavps.scss13
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 {