Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add show code

Browse Source
This commit is contained in:
Jeremy Thomas
2017-10-09 12:27:08 +01:00
parent 4f5cc9c0ed
commit 720ed45121
7 changed files with 1034 additions and 2612 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/components/navbar.sass
View File

@@ -196,12 +196,12 @@ a.navbar-item,
.navbar-link
&:hover,
&.is-active
background-color: transparent
background-color: transparent !important
.navbar-item.has-dropdown
&.is-active,
&.is-hoverable:hover
.navbar-link
background-color: transparent
background-color: transparent !important
.navbar-dropdown
a.navbar-item
&:hover

42
sass/layout/hero.sass
View File

@@ -5,9 +5,8 @@
display: flex
flex-direction: column
justify-content: space-between
.nav
.navbar
background: none
box-shadow: 0 1px 0 rgba($border, 0.3)
.tabs
ul
border-bottom: none
@@ -28,16 +27,17 @@
a:not(.button),
strong
color: $color-invert
.nav
box-shadow: 0 1px 0 rgba($color-invert, 0.2)
.nav-menu
+mobile
.navbar-menu
+touch
background-color: $color
a.nav-item,
.nav-item a:not(.button)
.navbar-item,
.navbar-link
color: rgba($color-invert, 0.7)
a.navbar-item,
.navbar-link
&:hover,
&.is-active
background-color: darken($color, 5%)
color: $color-invert
.tabs
a
@@ -66,21 +66,21 @@
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
+mobile
.nav-menu
.navbar-menu
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
// Responsiveness
+mobile
.nav-toggle
span
background-color: $color-invert
&:hover
background-color: rgba($black, 0.1)
&.is-active
span
background-color: $color-invert
.nav-menu
.nav-item
border-top-color: rgba($color-invert, 0.2)
// +mobile
// .nav-toggle
// span
// background-color: $color-invert
// &:hover
// background-color: rgba($black, 0.1)
// &.is-active
// span
// background-color: $color-invert
// .nav-menu
// .nav-item
// border-top-color: rgba($color-invert, 0.2)
// Sizes
&.is-small
.hero-body