other.sass in bulma-rails-0.0.26

- old
+ new

@@ -1,21 +1,21 @@
 .delete
-  +unselectable
+  @extend .unselectable
   -moz-appearance: none
   -webkit-appearance: none
-  background: rgba(black, 0.2)
+  background: rgba($black, 0.2)
   border: none
   border-radius: 290486px
   cursor: pointer
   display: inline-block
   height: 24px
   position: relative
   vertical-align: top
   width: 24px
   &:before,
   &:after
-    background: white
+    background: $white
     content: ""
     display: block
     height: 2px
     left: 50%
     margin-left: -25%
@@ -26,11 +26,11 @@
   &:before
     transform: rotate(45deg)
   &:after
     transform: rotate(-45deg)
   &:hover
-    background: rgba(black, 0.5)
+    background: rgba($black, 0.5)
   // Sizes
   &.is-small
     height: 16px
     width: 16px
   &.is-medium
@@ -54,13 +54,13 @@
     +fa(42px, 48px)
 
 .hamburger
   cursor: pointer
   display: block
-  height: 50px
+  height: $nav-height
   position: relative
-  width: 50px
+  width: $nav-height
   span
     background: $text
     display: block
     height: 1px
     left: 50%
@@ -90,13 +90,10 @@
         opacity: 0
       &:nth-child(3)
         margin-left: -5px
         transform: rotate(-45deg)
         transform-origin: left bottom
-  +tablet
-    height: $header-height
-    width: $header-height
 
 .heading
   display: block
   font-size: 11px
   letter-spacing: 1px
@@ -141,11 +138,12 @@
   display: inline-flex
   font-size: 12px
   height: 24px
   justify-content: center
   line-height: 16px
-  padding: 4px 10px
+  padding-left: 10px
+  padding-right: 10px
   vertical-align: top
   white-space: nowrap
   .delete
     margin-left: 4px
     margin-right: -6px
@@ -157,25 +155,33 @@
     $color: nth($pair, 1)
     $color-invert: nth($pair, 2)
     &.is-#{$name}
       background: $color
       color: $color-invert
-  &.is-dark
-    background: $text
-    color: $text-invert
   // Sizes
   &.is-small
     font-size: $size-small
     height: 20px
-    padding: 2px 8px
+    padding-left: 8px
+    padding-right: 8px
   &.is-medium
     font-size: $size-normal
     height: 32px
-    padding: 8px 14px
+    padding-left: 14px
+    padding-right: 14px
   &.is-large
     font-size: $size-5
     height: 40px
     line-height: 24px
-    padding: 8px 18px
+    padding-left: 18px
+    padding-right: 18px
     .delete
       margin-left: 4px
       margin-right: -8px
+
+.unselectable
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+