Refactor scss styles

2018-11-24 15:10:43 +01:00
parent f5736e077a
commit 7798a5cc7c
14 changed files with 1924 additions and 147 deletions
@@ -9,9 +9,9 @@

 <body>
  <input type="checkbox" style="display: none" id="menu-control" />
-  <main>
+  <main class="flex container">

-    <aside class="menu fixed">
+    <aside class="book-menu fixed">
      <nav role="navigation">
        {{ partial "docs/brand" . }}
        {{ partial "docs/inject/menu-before" . }}
@@ -26,10 +26,8 @@
      </nav>
    </aside>

-    <div class="content">
-      <header>
-        {{ partial "docs/mobile-header" . }}
-      </header>
+    <div class="book-page">
+      {{ partial "docs/mobile-header" . }}
      <article class="markdown">
        {{- .Content -}}
      </article>
@@ -37,14 +35,13 @@

    {{ $showToC := default (default true .Site.Params.BookShowToC) .Params.bookshowtoc }}
    {{ if and ($showToC) (.Page.TableOfContents) }}
-    <aside class="toc fixed">
+    <aside class="book-toc fixed">
      {{ partial "docs/toc" . }}
    </aside>
    {{ end }}

+    {{ partial "docs/inject/body" . }}
  </main>
-  {{ partial "docs/inject/body" . }}
-
 </body>

 </html>
@@ -1,3 +1,3 @@
-<h2 class="brand">
+<h2 class="book-brand">
  <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
 </h2>
@@ -3,7 +3,7 @@
 <title>{{- template "title" . }} | {{ .Site.Title -}}</title>

 <link href="https://fonts.googleapis.com/css?family=Oxygen|Oxygen+Mono:300,400,700" rel="stylesheet">
-<link rel="stylesheet" href="{{ "/normalize.min.css" | relURL }}">
-
+<link rel="stylesheet" href="{{ "normalize.min.css" | absURL }}">
+<!-- <link rel="stylesheet" href="/basscss.min.css"> -->
 {{ $styles := resources.Get "book.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
-<link rel="stylesheet" href="{{ $styles.RelPermalink }}">
+<link rel="stylesheet" href="{{ $styles.RelPermalink }}">
@@ -1,4 +1,6 @@
-<label for="menu-control">
-  <img src="{{ "svg/menu.svg" | absURL }}" />
-</label>
-<strong>{{- template "title" . }}</strong>
+<header class="align-center justify-between book-header">
+  <label for="menu-control">
+    <img src="{{ "svg/menu.svg" | absURL }}" />
+  </label>
+  <strong>{{- template "title" . }}</strong>
+</header>