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

Add .has-navbar-fixed-somewhere support to body tag (#1485) (#1490)

Browse Source 
* Add .has-navbar-fixed-somewhere support to body tag (#1485)

* update docs
This commit is contained in:
George Chung 2018-02-10 01:42:46 +08:00 committed by Jeremy Thomas
parent 687572b975
commit 0c4482b46d
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/documentation/components/navbar.html
View File

@ -819,7 +819,7 @@ document.addEventListener('DOMContentLoaded', function () {
{% highlight html %}<nav class="navbar is-fixed-top">{% endhighlight %} {% highlight html %}<nav class="navbar is-fixed-top">{% endhighlight %}
</li> </li>
<li> <li>
Add the corresponding <code>has-navbar-fixed-top</code> or <code>has-navbar-fixed-bottom</code> modifier to the <code>&lt;html&gt;</code> element to provide the appropriate padding to the page Add the corresponding <code>has-navbar-fixed-top</code> or <code>has-navbar-fixed-bottom</code> modifier to either <code>&lt;html&gt;</code> or <code>&lt;body&gt;</code> element to provide the appropriate padding to the page
{% highlight html %}<html class="has-navbar-fixed-top">{% endhighlight %} {% highlight html %}<html class="has-navbar-fixed-top">{% endhighlight %}
</li> </li>
</ul> </ul>

6
sass/components/navbar.sass
View File

@ -109,10 +109,12 @@ $navbar-divider-background-color: $border !default
&.is-fixed-top &.is-fixed-top
top: 0 top: 0
html.has-navbar-fixed-top html.has-navbar-fixed-top,
body.has-navbar-fixed-top
padding-top: $navbar-height padding-top: $navbar-height
html.has-navbar-fixed-bottom html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom
padding-bottom: $navbar-height padding-bottom: $navbar-height
.navbar-brand, .navbar-brand,