diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/hallo/_base.scss | 8 | ||||
| -rw-r--r-- | assets/scss/hallo/_layout.scss | 22 |
2 files changed, 24 insertions, 6 deletions
diff --git a/assets/scss/hallo/_base.scss b/assets/scss/hallo/_base.scss index a8a6e21..5a17380 100644 --- a/assets/scss/hallo/_base.scss +++ b/assets/scss/hallo/_base.scss @@ -16,7 +16,7 @@ body { } a { - @include transition(color .2s ease-out); + @include transition(color .2s ease-out); color: $color-foreground; &:hover { @@ -32,6 +32,12 @@ h2 { font-size: 3rem; font-weight: normal; } + +h3 { + font-size: 2rem; + font-weight: normal; +} + @media screen and (max-width: $break-large) { h1 { font-size: 15vw; diff --git a/assets/scss/hallo/_layout.scss b/assets/scss/hallo/_layout.scss index 898974a..9e07d5b 100644 --- a/assets/scss/hallo/_layout.scss +++ b/assets/scss/hallo/_layout.scss @@ -3,8 +3,14 @@ } main { - display: flex; - margin-top: 20vh; + .block { + display: flex; + } + + .block.introduction { + margin-top: 20vh; + min-height: calc(100vh - 20vh); + } .column.left { text-align: end; @@ -20,7 +26,7 @@ main { margin-left: -4px; /* Correction for margin of leftmost character. */ margin-top: 0; } - + .links { margin-top: 2.5rem; font-size: 1.5rem; @@ -30,11 +36,17 @@ main { text-decoration: none; } } + } @media screen and (max-width: $break-large) { - flex-direction: column; - margin-top: 0; + .block { + flex-direction: column; + } + + .block.introduction { + margin-top: 0; + } .column.left { text-align: center; |