From 7a6ab6d72496a07e42aa03242891b6d815b26b0d Mon Sep 17 00:00:00 2001 From: Alex Shpak Date: Sun, 30 Sep 2018 01:22:39 +0200 Subject: Small fixes in tags and css --- assets/book.scss | 50 +++++++++++++++++------------------------------- 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 @@ -
+
-
-
+
+
{{ partial "docs/mobile-header" . }} -
+
{{- .Content -}}
@@ -41,8 +41,7 @@ {{ end }} -
- +
{{ partial "docs/inject/body" . }} \ No newline at end of file -- cgit v1.2.3