aboutsummaryrefslogtreecommitdiff
path: root/sass/css
diff options
context:
space:
mode:
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 {