From bec6de64079dd8de43904be2da4be7b192a9a0d3 Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Fri, 23 Dec 2016 13:20:13 +0000
Subject: [PATCH] Fix logo

---
 docs/_includes/header.html                 |  10 +--
 docs/_layouts/documentation.html           |  10 +--
 docs/css/bulma-docs.css                    |  32 ++------
 docs/documentation/components/nav.html     |  82 +++++----------------
 docs/documentation/overview/variables.html |   2 +-
 docs/images/bulma-logo.png                 | Bin 0 -> 11173 bytes
 sass/components/nav.sass                   |  24 +-----
 sass/utilities/variables.sass              |   2 -
 8 files changed, 40 insertions(+), 122 deletions(-)
 create mode 100644 docs/images/bulma-logo.png

diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index de6a9c92..90ecc04f 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -1,11 +1,7 @@
 <nav class="nav">
   <div class="nav-left">
-    <a class="nav-item is-brand" href="{{ site.url }}/">
-      {% if page.route == 'index' %}
-        <img src="{{ site.url }}/images/bulma-type.png" alt="{{ site.title }}">
-      {% else %}
-        <img src="{{ site.url }}/images/bulma-type-white.png" alt="{{ site.title }}">
-      {% endif %}
+    <a class="nav-item is-brand" href="{{ site.url }}">
+      <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.title }}">
     </a>
   </div>
 
@@ -43,7 +39,7 @@
       Blog
     </a>
 
-    {% if page.route == 'index' %}
+    {% if page.route != 'nothing' %}
       <span class="nav-item">
         <a id="twitter"
           class="button"
diff --git a/docs/_layouts/documentation.html b/docs/_layouts/documentation.html
index f5caee24..ce06e490 100644
--- a/docs/_layouts/documentation.html
+++ b/docs/_layouts/documentation.html
@@ -3,13 +3,11 @@ layout: default
 route: documentation
 ---
 
-<section class="hero is-primary">
-  <div class="hero-head">
-    <div class="container">
-      {% include header.html %}
-    </div>
-  </div>
+<div class="container">
+  {% include header.html %}
+</div>
 
+<section class="hero is-primary">
   <div class="hero-body">
     <div class="container">
       <div class="columns is-vcentered">
diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 0af8607f..5202ac16 100644
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -94,7 +94,7 @@ th {
 }
 
 html {
-  background-color: whitesmoke;
+  background-color: white;
   font-size: 14px;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
@@ -3714,6 +3714,13 @@ a.nav-item.is-tab.is-active {
   padding-bottom: calc(0.5rem - 3px);
 }
 
+@media screen and (min-width: 1000px) {
+  .nav-item a.is-brand,
+  a.nav-item.is-brand {
+    padding-left: 0;
+  }
+}
+
 @media screen and (max-width: 768px) {
   .nav-menu {
     background-color: white;
@@ -3792,33 +3799,10 @@ a.nav-item.is-tab.is-active {
   width: 100%;
 }
 
-.nav > .container > .nav-left > .nav-item:first-child:not(.is-tab) {
-  padding-left: 0;
-}
-
-.nav > .container > .nav-right > .nav-item:last-child:not(.is-tab) {
-  padding-right: 0;
-}
-
-.container > .nav > .nav-left > .nav-item:first-child:not(.is-tab) {
-  padding-left: 0;
-}
-
-.container > .nav > .nav-right > .nav-item:last-child:not(.is-tab) {
-  padding-right: 0;
-}
-
 .nav.has-shadow {
   box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
 }
 
-@media screen and (max-width: 999px) {
-  .nav > .container > .nav-left > .nav-item.is-brand:first-child,
-  .container > .nav > .nav-left > .nav-item.is-brand:first-child {
-    padding-left: 1.5rem;
-  }
-}
-
 .pagination,
 .pagination-list {
   align-items: center;
diff --git a/docs/documentation/components/nav.html b/docs/documentation/components/nav.html
index 10d99f60..7497fe0f 100644
--- a/docs/documentation/components/nav.html
+++ b/docs/documentation/components/nav.html
@@ -24,6 +24,9 @@ doc-subtab: nav
         <li><code>nav-center</code></li>
         <li><code>nav-right</code></li>
       </ul>
+      <p>
+        Each nav item needs to be wrapped in a <code>nav-item</code> element.
+      </p>
       <p>
         For responsiveness, <strong>2 additional</strong> classes are available:
       </p>
@@ -33,41 +36,45 @@ doc-subtab: nav
       </ul>
     </div>
 
-<div class="example">
+{% capture nav_example %}
 <nav class="nav">
   <div class="nav-left">
-    <a class="nav-item is-brand" href="#">
+    <a class="nav-item">
       <img src="{{ site.url }}/images/bulma-type.png" alt="Bulma logo">
     </a>
   </div>
 
   <div class="nav-center">
-    <a class="nav-item" href="#">
+    <a class="nav-item">
       <span class="icon">
         <i class="fa fa-github"></i>
       </span>
     </a>
-    <a class="nav-item" href="#">
+    <a class="nav-item">
       <span class="icon">
         <i class="fa fa-twitter"></i>
       </span>
     </a>
   </div>
 
+  <!-- This "nav-toggle" hamburger menu is only visible on mobile -->
+  <!-- You need JavaScript to toggle the "is-active" class on "nav-menu" -->
   <span class="nav-toggle">
     <span></span>
     <span></span>
     <span></span>
   </span>
 
+  <!-- This "nav-menu" is hidden on mobile -->
+  <!-- Add the modifier "is-active" to display it on mobile -->
   <div class="nav-right nav-menu">
-    <a class="nav-item" href="#">
+    <a class="nav-item">
       Home
     </a>
-    <a class="nav-item" href="#">
+    <a class="nav-item">
       Documentation
     </a>
-    <a class="nav-item" href="#">
+    <a class="nav-item">
       Blog
     </a>
 
@@ -78,7 +85,7 @@ doc-subtab: nav
         </span>
         <span>Tweet</span>
       </a>
-      <a class="button is-primary" href="#">
+      <a class="button is-primary">
         <span class="icon">
           <i class="fa fa-download"></i>
         </span>
@@ -87,63 +94,14 @@ doc-subtab: nav
     </span>
   </div>
 </nav>
+{% endcapture %}
+
+<div class="example">
+{{nav_example}}
 </div>
 
 {% highlight html %}
-<nav class="nav">
-  <div class="nav-left">
-    <a class="nav-item is-brand" href="#">
-      <img src="{{ site.url }}/images/bulma-type.png" alt="Bulma logo">
-    </a>
-  </div>
-
-  <div class="nav-center">
-    <a class="nav-item" href="#">
-      <span class="icon">
-        <i class="fa fa-github"></i>
-      </span>
-    </a>
-    <a class="nav-item" href="#">
-      <span class="icon">
-        <i class="fa fa-twitter"></i>
-      </span>
-    </a>
-  </div>
-
-  <span class="nav-toggle">
-    <span></span>
-    <span></span>
-    <span></span>
-  </span>
-
-  <div class="nav-right nav-menu">
-    <a class="nav-item" href="#">
-      Home
-    </a>
-    <a class="nav-item" href="#">
-      Documentation
-    </a>
-    <a class="nav-item" href="#">
-      Blog
-    </a>
-
-    <span class="nav-item">
-      <a class="button" >
-        <span class="icon">
-          <i class="fa fa-twitter"></i>
-        </span>
-        <span>Tweet</span>
-      </a>
-      <a class="button is-primary" href="#">
-        <span class="icon">
-          <i class="fa fa-download"></i>
-        </span>
-        <span>Download</span>
-      </a>
-    </span>
-  </div>
-</nav>
-
+{{nav_example}}
 {% endhighlight %}
 
     <hr>
diff --git a/docs/documentation/overview/variables.html b/docs/documentation/overview/variables.html
index fea681cf..a901d7be 100644
--- a/docs/documentation/overview/variables.html
+++ b/docs/documentation/overview/variables.html
@@ -40,7 +40,7 @@ doc-subtab: variables
         <li>
           <strong>Generated variables</strong> where variables are <strong>calculated</strong> from the values set in the previous file. For example, you can have:
           <ul>
-            <li><code>$body-background: $grey-lighter</code>: the page's main background is the lighter grey</li>
+            <li><code>$body-background: $white</code>: the page's main background</li>
             <li><code>$link: $primary</code>: the links use the primary color</li>
             <li><code>$family-primary: $family-sans-serif</code>: the primary font family is the sans-serif one</li>
           </ul>
diff --git a/docs/images/bulma-logo.png b/docs/images/bulma-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..a016c2b51a4fce1ed5615ede48ffa7c729c9b986
GIT binary patch
literal 11173
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

literal 0
HcmV?d00001

diff --git a/sass/components/nav.sass b/sass/components/nav.sass
index 12e35946..0ca444a5 100644
--- a/sass/components/nav.sass
+++ b/sass/components/nav.sass
@@ -54,6 +54,10 @@ a.nav-item
       border-bottom: 3px solid $primary
       color: $primary
       padding-bottom: calc(0.5rem - 3px)
+  // Responsiveness
+  +desktop
+    &.is-brand
+      padding-left: 0
 
 // Containers
 
@@ -120,26 +124,6 @@ a.nav-item
     display: flex
     min-height: $nav-height
     width: 100%
-    & > .nav-left
-      & > .nav-item:first-child:not(.is-tab)
-        padding-left: 0
-    & > .nav-right
-      & > .nav-item:last-child:not(.is-tab)
-        padding-right: 0
-  .container > &
-    & > .nav-left
-      & > .nav-item:first-child:not(.is-tab)
-        padding-left: 0
-    & > .nav-right
-      & > .nav-item:last-child:not(.is-tab)
-        padding-right: 0
   // Modifiers
   &.has-shadow
     box-shadow: 0 2px 3px rgba($black, 0.1)
-  // Responsiveness
-  +touch
-    & > .container,
-    .container > &
-      & > .nav-left
-        & > .nav-item.is-brand:first-child
-          padding-left: 1.5rem
diff --git a/sass/utilities/variables.sass b/sass/utilities/variables.sass
index effd8f42..4c272923 100644
--- a/sass/utilities/variables.sass
+++ b/sass/utilities/variables.sass
@@ -85,8 +85,6 @@ $light-invert: $dark !default
 $dark-invert: $light !default
 
 // General colors
-$body-background: $white-ter !default
-
 $background: $white-ter !default
 
 $border: $grey-lighter !default