diff options
| author | s-ol <s-ol@users.noreply.github.com> | 2018-12-22 17:51:14 +0000 |
|---|---|---|
| committer | s-ol <s-ol@users.noreply.github.com> | 2018-12-22 17:51:14 +0000 |
| commit | 158069a913c551b51ebd3fc74ddba107a60bfd87 (patch) | |
| tree | 63b8af4523092bfd16a91769378e514119caf33a | |
| parent | add plonat atek pictures (diff) | |
| download | mmm-158069a913c551b51ebd3fc74ddba107a60bfd87.tar.gz mmm-158069a913c551b51ebd3fc74ddba107a60bfd87.zip | |
update header styles
| -rw-r--r-- | build/layout.moon | 7 | ||||
| -rw-r--r-- | scss/_header.scss | 10 | ||||
| -rw-r--r-- | scss/_reset.scss | 2 |
3 files changed, 11 insertions, 8 deletions
diff --git a/build/layout.moon b/build/layout.moon index 85f3bfa..0aaad70 100644 --- a/build/layout.moon +++ b/build/layout.moon @@ -34,9 +34,10 @@ logo = svg { div { h1 { logo - b! - span 'mmm', class: 'bold' - '.s-ol.nu' + span { + span 'mmm', class: 'bold' + '.s-ol.nu' + } } span "fun stuff with code and wires" -- pick 'fun', 'cool', 'weird', 'interesting', 'new' diff --git a/scss/_header.scss b/scss/_header.scss index 2bcb80c..775e23b 100644 --- a/scss/_header.scss +++ b/scss/_header.scss @@ -11,14 +11,16 @@ header { display: flex; justify-content: space-around; align-items: center; + flex-wrap: wrap; margin: 0; - height: 5rem; + line-height: 5rem; font-size: 4rem; font-weight: 200; - > b { - flex: 1; + > span { + margin-left: auto; + white-space: nowrap; } .bold { @@ -26,7 +28,7 @@ header { } .sun { - height: 100%; + height: 5rem; stroke: currentColor; fill: currentColor; diff --git a/scss/_reset.scss b/scss/_reset.scss index 6a22a7a..8dd06c3 100644 --- a/scss/_reset.scss +++ b/scss/_reset.scss @@ -18,7 +18,7 @@ tt, code, kbd, samp { font-family: 'monospace'; } code { font-size: 0.8em; } b { font-weight: bold; } em, i { font-style: italic; } -a { cursor: pointer; } +a { font-size: 1em; cursor: pointer; } hr { clear: both; } ul { margin: 0; } |