diff options
author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2018-09-30 01:22:39 +0200 |
---|---|---|
committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2018-09-30 01:22:39 +0200 |
commit | 7a6ab6d72496a07e42aa03242891b6d815b26b0d (patch) | |
tree | ef8ff4f8568f5c505a024488e792771d3f19db74 | |
parent | 830fa91359cea05f2a3c1654bedce6b575401ad4 (diff) |
Small fixes in tags and css
-rw-r--r-- | assets/book.scss | 50 | ||||
-rw-r--r-- | layouts/docs/baseof.html | 11 |
2 files changed, 23 insertions, 38 deletions
diff --git a/assets/book.scss b/assets/book.scss index 06961bb..948d8f9 100644 --- a/assets/book.scss +++ b/assets/book.scss @@ -44,13 +44,8 @@ aside { line-height: 2em; li { - a { - display: block; - } - - a:hover { - opacity: .5; - } + a { display: block; } + a:hover { opacity: .5; } img { height: $padding-16; @@ -71,14 +66,14 @@ aside.fixed nav { overflow: hidden auto; } -.container { +main { max-width: $content-max-width; margin: 0 auto; display: flex; flex-flow: row; - .menu nav, .page, .markdown { + aside nav, .content, .markdown { transition: .2s ease-in-out; transition-property: transform, margin-left, opacity; will-change: transform, margin-left; @@ -87,24 +82,19 @@ aside.fixed nav { .menu { flex: 0 0 $nav-menu-width; + .brand { + margin-top: 0; + margin-bottom: $padding-16; + } + nav { width: $nav-menu-width; padding: $padding-16; font-size: $font-size-14; } - a { - color: $nav-link-color; - } - - a.active { - color: $color-link; - } - - .brand { - margin-top: 0; - margin-bottom: $padding-16; - } + a { color: $nav-link-color; } + a.active { color: $color-link; } .flat { margin-bottom: $padding-16; @@ -113,16 +103,16 @@ aside.fixed nav { } } - .header { + header { display: flex; - align-items: center; + align-items:center; justify-content: space-between; margin-bottom: $padding-16; display: none; } - .page { + .content { flex: 1 0; width: 0; min-width: $body-min-width; @@ -159,16 +149,16 @@ $toc-hide-point: $menu-hide-point + $nav-menu-width; margin-left: -$nav-menu-width; } - .container .header { + main header { display: flex; } - #menu-control:checked + .container { - .menu nav, .page { + #menu-control:checked + main { + .menu nav, .content { transform: translateX($nav-menu-width); } - .header label img { + header label img { transform: rotate(90deg); } @@ -177,7 +167,3 @@ $toc-hide-point: $menu-hide-point + $nav-menu-width; } } } - -.muted { - opacity: .75; -}
\ No newline at end of file diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html index cff1524..30c58c0 100644 --- a/layouts/docs/baseof.html +++ b/layouts/docs/baseof.html @@ -8,7 +8,7 @@ <body> <input type="checkbox" style="display: none" id="menu-control" /> - <div class="container"> + <main> <aside class="menu fixed"> <nav role="navigation"> @@ -25,10 +25,10 @@ </nav> </aside> - <div class="page"> - <div class="header"> + <div class="content"> + <header> {{ partial "docs/mobile-header" . }} - </div> + </header> <article class="markdown"> {{- .Content -}} </article> @@ -41,8 +41,7 @@ </aside> {{ end }} - </div> - + </main> {{ partial "docs/inject/body" . }} </body> </html>
\ No newline at end of file |