Add navbar fixed classes

This commit is contained in:
Jeremy Thomas
2017-10-24 10:31:45 +01:00
parent 202c5996a4
commit 0e6e22e70a
7 changed files with 780 additions and 1890 deletions

View File

@@ -1,4 +1,8 @@
<nav class="navbar {% if include.transparent %}is-transparent{% endif %}">
<nav class="navbar {% if include.fixed %}is-fixed-top has-shadow{% endif %} {% if include.transparent %}is-transparent{% endif %}">
{% if include.has_container %}
<div class="container">
{% endif %}
<div class="navbar-brand">
<a class="navbar-item" href="{{ site.url }}">
<img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.title }}" width="112" height="28">
@@ -182,4 +186,8 @@
</div>
</div>
</div>
{% if include.has_container %}
</div>
{% endif %}
</nav>

View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" class="{% if page.route %}route-{{page.route}}{% elsif page.layout %}route-{{page.layout}}{% endif %}">
<html lang="en" class="{% if page.fixed_navbar %}has-navbar-fixed-top{% endif %} {% if page.route %}route-{{page.route}}{% elsif page.layout %}route-{{page.layout}}{% endif %}">
{% include head.html %}
<body class="layout-{{ page.layout }}{% if page.doc-tab %} page-{{ page.doc-tab}}{% endif %}">
{% include deprecated.html %}

View File

@@ -15,6 +15,7 @@ $carbon-space: 15px
#carbon
flex-grow: 1
min-height: 100px + ($carbon-space * 2)
padding: 0
position: relative
&:hover
@@ -61,4 +62,4 @@ $carbon-space: 15px
display: inline
font-size: $size-small
position: absolute
right: 10px
right: 10px

View File

@@ -53,6 +53,7 @@
height: 240px
margin-left: auto
margin-right: auto
overflow: hidden
position: relative
text-align: center
@each $name, $pair in $colors
@@ -160,4 +161,4 @@ $notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default
td
vertical-align: middle
img
vertical-align: middle
vertical-align: middle

File diff suppressed because it is too large Load Diff

View File

@@ -1,11 +1,10 @@
---
layout: default
route: index
fixed_navbar: true
---
<div class="container">
{% include navbar.html id="Index" transparent=true boxed=true %}
</div>
{% include navbar.html id="Index" boxed=true fixed=true has_container=true %}
{% include index/intro.html %}