aboutsummaryrefslogtreecommitdiff
path: root/sass/css
diff options
context:
space:
mode:
Diffstat (limited to 'sass/css')
-rw-r--r--sass/css/_colors.scss1
-rw-r--r--sass/css/yaroslavps.scss37
2 files changed, 31 insertions, 7 deletions
diff --git a/sass/css/_colors.scss b/sass/css/_colors.scss
index 480b290..df32dd0 100644
--- a/sass/css/_colors.scss
+++ b/sass/css/_colors.scss
@@ -1,4 +1,5 @@
$bg: #000000;
+$bg2: #1b1e25;
$white: #e5e9f0;
$gray: #a1a6b2;
$magenta: #9c6992;
diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss
index c0b903a..74da50b 100644
--- a/sass/css/yaroslavps.scss
+++ b/sass/css/yaroslavps.scss
@@ -5,11 +5,13 @@
html, body {
width: 100%;
min-height: 100vh;
- background-color: $bg;
+ background-color: $bg2;
+ /*
background-image: url("/svg/background.svg");
background-size: 45px 45px;
background-repeat: repeat;
- background-attachment: fixed;
+ background-attachment: center;
+ */
}
h1,
@@ -105,17 +107,37 @@ h2 > span.publish-date {
.landing-page-container {
grid-column-start: 1;
grid-column-end: 3;
+ padding: 2em;
+ font-size: 1.3em;
}
-.header-container {
- grid-column-start: 1;
- grid-column-end: 3;
+.landing-page-container > h1 {
text-align: center;
- padding: 0 1em;
+ font-size: 3em;
+}
+
+.landing-page-container > .links-container {
+ padding: 0.5em;
+}
+
+.landing-page-container > .links-container > a {
+ font-size: 1.5em;
+ margin: auto 1em;
+}
+
+.landing-page-container > .links-container > a > span.icon {
+ font-size: 1.5em;
+}
+
+.header-container {
+ padding: 0 2em;
}
.sidebar-container {
- padding: 1em;
+ grid-row-start: 1;
+ grid-row-end: 3;
+ grid-column-start: 2;
+ grid-column-end: 3;
}
.sidebar-container span.icon {
@@ -124,6 +146,7 @@ h2 > span.publish-date {
}
.sticky-wrapper {
+ padding: 1em;
position: sticky;
top: 1em;
}