From: Benjamin Melançon <ben@agaric.com>
Date: Tue, 2 Oct 2018 05:40:16 +0000 (-0400)
Subject: Add and use $navbar-breakpoint variable; Fixes #1042 (#2109)
X-Git-Tag: 0.7.2~36
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=785b3a06356b2e25afbc0ab6ef7ec420b986c01a;p=thirdparty%2Fbulma.git

Add and use $navbar-breakpoint variable; Fixes #1042 (#2109)

* Add a navbar-breakpoint variable (as yet unused)

* Replace hard-coded +touch, +desktop with $navbar-breakpoint variable

Using the fine +until and +from mixins, respectively.
---

diff --git a/sass/components/navbar.sass b/sass/components/navbar.sass
index e6470f041..3d1064915 100644
--- a/sass/components/navbar.sass
+++ b/sass/components/navbar.sass
@@ -44,6 +44,8 @@ $navbar-divider-height: 2px !default
 
 $navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
 
+$navbar-breakpoint: $desktop !default
+
 =navbar-fixed
   left: 0
   position: fixed
@@ -74,7 +76,7 @@ $navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
         .navbar-link
           &::after
             border-color: $color-invert
-      +desktop
+      +from($navbar-breakpoint)
         .navbar-start,
         .navbar-end
           & > .navbar-item,
@@ -221,7 +223,7 @@ a.navbar-item,
   height: $navbar-divider-height
   margin: 0.5rem 0
 
-+touch
++until($navbar-breakpoint)
   .navbar > .container
     display: block
   .navbar-brand,
@@ -262,7 +264,7 @@ a.navbar-item,
     &.has-navbar-fixed-bottom-touch
       padding-bottom: $navbar-height
 
-+desktop
++from($navbar-breakpoint)
   .navbar,
   .navbar-menu,
   .navbar-start,