Merge pull request #36 from bodograumann/block_style

Show the checkbox border for block style

dist/css/bulma-checkradio.sass

@@ -27,10 +27,16 @@ $checkradio-top-offset: 0rem !default
 
   &.is-block
     + label
+      &::before,
+      &:before
+        width: 1.25 * $size
+        height: 1.25 * $size
+        left: .175rem
+        top: .175rem
       &::after,
       &:after
-        top: ( ( ( $newSize / 2 ) - ( $height / 2 ) ) * 1.3 )
-        left: $height * 1.3
+        top: .2rem + $size * 0.125
+        left: .2rem + $size * 0.45
 
   &.is-rtl
     + label
@@ -77,6 +83,8 @@ $checkradio-top-offset: 0rem !default
     margin: .5em
     padding: .2rem .5rem .2rem 0
     border-radius: $checkbox-radius
+    &:first-of-type
+      margin-left: 0
 
     &:hover
       &::before,
@@ -177,9 +185,10 @@ $checkradio-top-offset: 0rem !default
       background: $checkbox-block-background
       color: findColorInvert( $checkbox-block-background )
       padding-right: .75em
-      &::before,
-      &:before
-        border: none !important
+    &:hover:not([disabled])
+      + label
+        background: darken($checkbox-block-background, 5%);
+
 
 .is-checkradio[type="checkbox"]
   + label
@@ -190,7 +199,7 @@ $checkradio-top-offset: 0rem !default
     &::after,
     &:after
       box-sizing: border-box
-      transform: rotate(45deg)
+      transform: translateY($checkradio-top-offset) rotate(45deg)
       border-width: $checkbox-checked-width
       border-style: solid
       border-color: $primary
@@ -241,14 +250,30 @@ $checkradio-top-offset: 0rem !default
             &:after
               border-color: $color-invert !important
               background-color: $color !important
-        &.is-block
+      &.is-block
+        &:hover:not([disabled])
+          + label
+            &::after,
+            &:after,
+            &::before,
+            &:before
+              border-color: $color !important
+        &:checked
           + label
             color: $color-invert
             border-color: $color !important
             background: $color
             &::after,
             &:after
               border-color: $color-invert !important
+          &:hover:not([disabled])
+            + label
+              background: darken($color, 5%)
+              &::after,
+              &:after,
+              &::before,
+              &:before
+                border-color: darken($color-invert, 5%) !important
 
   &:indeterminate
     + label