aboutsummaryrefslogtreecommitdiff
path: root/sass
diff options
context:
space:
mode:
authorYaroslav de la Peña Smirnov <yps@yaroslavps.com>2022-09-13 01:54:44 +0300
committerYaroslav de la Peña Smirnov <yps@yaroslavps.com>2022-09-13 01:58:33 +0300
commitc7cae0942d6cbc5efbf186fdbf6ea3c614a4f762 (patch)
tree8b6ebff9dea32caf61f3a089afa462496c13ba5b /sass
parent32cabcd73a5980e0097f8785bb4e3d1f9bc83a66 (diff)
downloadyaroslavps.com-c7cae0942d6cbc5efbf186fdbf6ea3c614a4f762.tar.gz
yaroslavps.com-c7cae0942d6cbc5efbf186fdbf6ea3c614a4f762.zip
Style changes, once more
I guess I'll never settle for a concrete stylesheet ¯\_(ツ)_/¯
Diffstat (limited to 'sass')
-rw-r--r--sass/css/yaroslavps.scss38
1 files changed, 30 insertions, 8 deletions
diff --git a/sass/css/yaroslavps.scss b/sass/css/yaroslavps.scss
index bec28b6..ff9c239 100644
--- a/sass/css/yaroslavps.scss
+++ b/sass/css/yaroslavps.scss
@@ -12,10 +12,9 @@ html, body {
width: 100%;
min-height: 100vh;
font-size: 14px;
- background: linear-gradient(to left, #000, #18214a 30%, #18214a 70%, #000);
- // background: no-repeat center fixed url("/img/wave.jpg");
- // background: #000 repeat center/20% fixed url("/img/stars.jpg");
- // background-image: linear-gradient(to left, #00000000, #18214a 40%, #18214a 60%, #00000000), url("/img/stars.jpg");
+ background: $bg0;
+ // background: linear-gradient(to left, #000, #18214a 30%, #18214a 70%, #000);
+ // background: #000 repeat center fixed url("/img/grid.png");
// background-size: auto, 20%;
}
@@ -163,7 +162,8 @@ span.publish-date {
margin: 1em auto;
min-height: 90vh;
height: auto;
- border: 2px outset $gray1;
+ border-top: 1px solid $white;
+ border-bottom: 1px solid $white;
}
.landing-page-container {
@@ -197,10 +197,27 @@ span.publish-date {
.landing-page-container,
.content-container,
-.sidebar-container,
+.sidebar-container {
+ background-color: $bg0;
+}
+
.foot-container {
- border: 2px outset $gray1;
- background-color: $bg1;
+ background: #000 repeat center fixed url("/img/grid.png");
+ border-top: 1px solid $white;
+}
+
+.foot-container p {
+ display: inline-block;
+ background: $bg0;
+}
+
+.foot-container p::after {
+ content: '\A';
+ white-space: pre;
+}
+
+.sidebar-container {
+ border-left: 1px solid $white;
}
.new-year {
@@ -364,6 +381,11 @@ pre.literal {
grid-column-end: 3;
}
+ .sidebar-container {
+ border-top: 1px solid $white;
+ border-left: 0;
+ }
+
.sidebar-container,
.foot-container {
grid-row-start: auto;