_sass/components/level.sass in jekyll-bulma-0.2 vs _sass/components/level.sass in jekyll-bulma-0.8

@@ -1,7 +1,9 @@
+$level-item-spacing: ($block-spacing / 2) !default
+
 .level
-  +block
+  @extend %block
   align-items: center
   justify-content: space-between
   code
     border-radius: $radius
   img
@@ -16,13 +18,13 @@
     .level-left + .level-right
       margin-top: 0
     .level-item
       &:not(:last-child)
         margin-bottom: 0
+        margin-right: $level-item-spacing
       &:not(.is-narrow)
         flex-grow: 1
-      margin-right: 0.75rem
   // Responsiveness
   +tablet
     display: flex
     & > .level-item
       &:not(.is-narrow)
@@ -39,11 +41,11 @@
   .subtitle
     margin-bottom: 0
   // Responsiveness
   +mobile
     &:not(:last-child)
-      margin-bottom: 0.75rem
+      margin-bottom: $level-item-spacing
 
 .level-left,
 .level-right
   flex-basis: auto
   flex-grow: 0
@@ -53,10 +55,10 @@
     &.is-flexible
       flex-grow: 1
     // Responsiveness
     +tablet
       &:not(:last-child)
-        margin-right: 0.75rem
+        margin-right: $level-item-spacing
 
 .level-left
   align-items: center
   justify-content: flex-start
   // Responsiveness