Remove purecss dependency and replace with flexbox

2018-09-26 00:12:56 +02:00
parent b6d7a1050f
commit cce17bcc99
10 changed files with 145 additions and 194 deletions
@@ -7,37 +7,39 @@
 </head>

 <body>
-  <div class="header">
-    {{ partial "docs/header" . }}
-  </div>
-  
-  <input type="checkbox" style="display: none" id="nav-control" />
-  <nav role="navigation" class="menu">
-    {{ partial "docs/inject/nav-before" . }}
-    
-    {{ if .Site.Params.BookMenuBundle }}
-      {{ partial "docs/nav-bundle" . }}
-    {{ else }}
-      {{ partial "docs/nav-filetree" . }}
-    {{ end }}
-  
-    {{ partial "docs/inject/nav-after" . }}
-  </nav>
+  <input type="checkbox" style="display: none" id="menu-control" />
+  <div class="content">

-  <div>
-    
-    <div class="pure-g content">
-      <div class="pure-u-1 pure-u-lg-2-3 page markdown">
+    <div class="menu">
+      <nav role="navigation">
+        {{ partial "docs/inject/nav-before" . }}
+        
+        {{ if .Site.Params.BookMenuBundle }}
+          {{ partial "docs/menu-bundle" . }}
+        {{ else }}
+          {{ partial "docs/menu-filetree" . }}
+        {{ end }}
+      
+        {{ partial "docs/inject/nav-after" . }}
+      </nav>
+    </div>
+
+    <div class="page">
+      <div class="header">
+        <label for="menu-control"><img src="/svg/menu.svg" /></label>
+      </div>
+      <div class="markdown">
        {{- .Content -}}
      </div>
-      {{ $showToC := default (default true .Site.Params.BookShowToC) .Params.bookshowtoc }}
-      {{ if and ($showToC) (.Page.TableOfContents) }}
-      <div class="pure-u-1 pure-u-lg-1-3 pure-hidden-md toc">
-        {{ partial "docs/toc" . }}
-      </div>
-      {{ end }}
    </div>

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

  {{ partial "docs/inject/body" . }}
@@ -1,6 +0,0 @@
-<label for="nav-control">
-  <img src="/svg/menu.svg" />
-</label>
-<h3>
-  <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
-</h3>
@@ -3,10 +3,7 @@
 <title>{{- template "title" .  }} | {{ .Site.Title -}}</title>

 <link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,700" rel="stylesheet">
-<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/base-min.css">
-<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-min.css">
-<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
-
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css">

 {{ $styles := resources.Get "styles.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
 <link rel="stylesheet" href="{{ $styles.Permalink }}">
@@ -8,7 +8,7 @@
 {{ define "book-section" }} <!-- Single section of menu (recursive) -->
  <ul>
    {{ range .Section.Sections }}
-    <li {{- if .Params.bookrootsection}} class="root-section" {{ end }}>
+    <li {{- if .Params.bookrootsection}} class="section" {{ end }}>
      {{- if .Content -}}
        {{ template "book-page-link" (dict "Page" . "CurrentPage" $.CurrentPage) }}
      {{- else -}}
@@ -1,3 +0,0 @@
-<h2 class="book-brand">
-  <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
-</h2>