diff options
author | Yaroslav <contact@yaroslavps.com> | 2020-04-20 16:07:59 +0300 |
---|---|---|
committer | Yaroslav <contact@yaroslavps.com> | 2020-04-20 16:07:59 +0300 |
commit | 9286a2b68546f968282eadf2c519ebef3def9b70 (patch) | |
tree | 3b60619e4fa8c08c014cc07ba100d00f7b9c098d /sass/css | |
parent | 47e3ed66840f46c5cd56dd668ff1e8f7f1187b36 (diff) | |
download | yaroslavps.com-9286a2b68546f968282eadf2c519ebef3def9b70.tar.gz yaroslavps.com-9286a2b68546f968282eadf2c519ebef3def9b70.zip |
style changes; landing page
Diffstat (limited to 'sass/css')
-rw-r--r-- | sass/css/_colors.scss | 1 | ||||
-rw-r--r-- | sass/css/yaroslavps.scss | 37 |
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; } |