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

Fix #1796, Fix #1806

Browse Source
This commit is contained in:
Jeremy Thomas 2018-04-18 17:03:53 +01:00
parent 581d2d70a5
commit c414b5c0ab
5 changed files with 589 additions and 152 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/_includes/global/navbar.html
View File

@ -1,4 +1,4 @@
<nav id="navbar" class="navbar is-spaced"> <nav id="navbar" class="navbar has-shadow is-spaced">
<div class="container"> <div class="container">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="{{ site.url }}"> <a class="navbar-item" href="{{ site.url }}">

462
docs/css/bulma-docs.css
View File

File diff suppressed because it is too large Load Diff

2
docs/css/bulma-docs.min.css vendored
View File

File diff suppressed because one or more lines are too long

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

@ -530,12 +530,6 @@ document.addEventListener('DOMContentLoaded', function () {
</nav> </nav>
{% endcapture %} {% endcapture %}
<div class="message is-success">
<div class="message-body">
<p>The new <code>navbar</code> replaces the deprecated <code>nav</code> component, whose documentation you can still access temporarily <a href="{{ site.url }}/documentation/components/nav/">here</a>.</p>
</div>
</div>
<div class="content"> <div class="content">
<p> <p>
The <code>navbar</code> component is a responsive and versatile horizontal navigation bar with the following structure: The <code>navbar</code> component is a responsive and versatile horizontal navigation bar with the following structure:

7
sass/components/navbar.sass
View File

@ -40,6 +40,8 @@ $navbar-dropdown-item-active-background-color: $background !default
$navbar-divider-background-color: $background !default $navbar-divider-background-color: $background !default
$navbar-divider-height: 2px !default $navbar-divider-height: 2px !default
$navbar-bottom-box-shadow-size: 0 -2px 0 0 !default
=navbar-fixed =navbar-fixed
left: 0 left: 0
position: fixed position: fixed
@ -48,7 +50,6 @@ $navbar-divider-height: 2px !default
.navbar .navbar
background-color: $navbar-background-color background-color: $navbar-background-color
box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color
min-height: $navbar-height min-height: $navbar-height
position: relative position: relative
z-index: $navbar-z z-index: $navbar-z
@ -101,14 +102,14 @@ $navbar-divider-height: 2px !default
min-height: $navbar-height min-height: $navbar-height
width: 100% width: 100%
&.has-shadow &.has-shadow
box-shadow: 0 2px 3px rgba($black, 0.1) box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color
&.is-fixed-bottom, &.is-fixed-bottom,
&.is-fixed-top &.is-fixed-top
+navbar-fixed +navbar-fixed
&.is-fixed-bottom &.is-fixed-bottom
bottom: 0 bottom: 0
&.has-shadow &.has-shadow
box-shadow: 0 -2px 3px rgba($black, 0.1) box-shadow: $navbar-bottom-box-shadow-size $navbar-box-shadow-color
&.is-fixed-top &.is-fixed-top
top: 0 top: 0