diff options
author | Yaroslav de la Peña Smirnov <yps@yaroslavps.com> | 2022-09-13 01:54:44 +0300 |
---|---|---|
committer | Yaroslav de la Peña Smirnov <yps@yaroslavps.com> | 2022-09-13 01:58:33 +0300 |
commit | c7cae0942d6cbc5efbf186fdbf6ea3c614a4f762 (patch) | |
tree | 8b6ebff9dea32caf61f3a089afa462496c13ba5b /sass/css | |
parent | 32cabcd73a5980e0097f8785bb4e3d1f9bc83a66 (diff) | |
download | yaroslavps.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/css')
-rw-r--r-- | sass/css/yaroslavps.scss | 38 |
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; |