diff options
author | George Tsiolis <tsiolis.g@gmail.com> | 2018-02-08 17:42:47 +0300 |
---|---|---|
committer | George Tsiolis <tsiolis.g@gmail.com> | 2018-02-13 18:58:21 +0300 |
commit | ae127ba8caeffbcd2ede109ac2403091f9bb4a21 (patch) | |
tree | ed7df596e489adf8322f073d1db5b8d5d5237317 /content | |
parent | 3c13767f94fb221401f7635db98b8af9f6231ba4 (diff) |
Align header navigation items
Diffstat (limited to 'content')
-rw-r--r-- | content/assets/stylesheets/stylesheet.scss | 16 | ||||
-rw-r--r-- | content/assets/stylesheets/toc.scss | 2 |
2 files changed, 13 insertions, 5 deletions
diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss index e19cf87d..5d73e84f 100644 --- a/content/assets/stylesheets/stylesheet.scss +++ b/content/assets/stylesheets/stylesheet.scss @@ -161,7 +161,7 @@ h6 { .main { margin: auto; - padding: 20px 40px; + padding: 8px 40px; position: relative; width: auto; max-width: 900px; @@ -169,7 +169,7 @@ h6 { background: $main-background-color; @media (max-width: $mobile-width) { - padding: 20px 10px; + padding: 6px 10px; } &:not(.has-toc) { @@ -308,7 +308,6 @@ h6 { text-align: right; list-style-type: none; display: inline-block; - margin: 12px 0; @media all and (max-width: $mobile-width) { display: none; @@ -337,6 +336,7 @@ h6 { display: inline-block; line-height: 20px; margin: 0 10px; + vertical-align: middle; } input { @@ -352,6 +352,14 @@ h6 { background-repeat: no-repeat; background-size: 16px; background-position: 7px 8px; + + @media(max-width:1099px) { + width: 130px; + } + } + + .nav-container { + margin: auto 0; } .nav-toggle { @@ -360,7 +368,7 @@ h6 { @media all and (max-width: $mobile-width) { display: inline-block; position: absolute; - top: 10px; + top: 15px; right: 15px; } } diff --git a/content/assets/stylesheets/toc.scss b/content/assets/stylesheets/toc.scss index 421c29ce..4cf2ebde 100644 --- a/content/assets/stylesheets/toc.scss +++ b/content/assets/stylesheets/toc.scss @@ -58,7 +58,7 @@ version: 4 } .main.class { - padding-top: 53px; + padding-top: 50px; } .doc-nav { |