hero.sass in jekyll-bulma-0.8

- old
+ new

@@ -15,11 +15,11 @@
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
       background-color: $color
       color: $color-invert
-      a:not(.button):not(.dropdown-item):not(.tag),
+      a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
       strong
         color: inherit
       .title
         color: $color-invert
       .subtitle
@@ -51,11 +51,11 @@
         &.is-boxed,
         &.is-toggle
           a
             color: $color-invert
             &:hover
-              background-color: rgba($black, 0.1)
+              background-color: rgba($scheme-invert, 0.1)
           li.is-active a
             &,
             &:hover
               background-color: $color-invert
               border-color: $color-invert
@@ -66,23 +66,10 @@
         $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
           .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)
   // Sizes
   &.is-small
     .hero-body
       padding-bottom: 1.5rem
       padding-top: 1.5rem
@@ -95,11 +82,12 @@
     +tablet
       .hero-body
         padding-bottom: 18rem
         padding-top: 18rem
   &.is-halfheight,
-  &.is-fullheight
+  &.is-fullheight,
+  &.is-fullheight-with-navbar
     .hero-body
       align-items: center
       display: flex
       & > .container
         flex-grow: 1
@@ -110,10 +98,10 @@
     min-height: 100vh
 
 // Components
 
 .hero-video
-  +overlay
+  @extend %overlay
   overflow: hidden
   video
     left: 50%
     min-height: 100%
     min-width: 100%