library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
* 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.
This commit is contained in:
Benjamin Melançon 2018-10-02 01:40:16 -04:00 committed by Jeremy Thomas
parent dc64c44d2f
commit 785b3a0635
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
sass/components/navbar.sass
View File

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