Fix issue - #7 Radio button misalignment

Wikiki · Sep 21, 2017 · de06bc2 · de06bc2
1 parent ad3ec60
commit de06bc2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Bulma-Checkradio Changelog
 
+## 0.0.6
+
+* #7 Radio button misalignment
+
 ## 0.0.5
 
 * #5 Add Right-To-Left display

diff --git a/checkradio.sass b/checkradio.sass
@@ -29,19 +29,21 @@ $checkbox-border: .1rem solid $grey-lighter !default
 // Use a mixin to define all ratios in the same spot
 =radio-size($size)
   $newSize: $size * 1.5
-  $radio-marker-size: $newSize * .5
+  $height: $newSize
+  $width: $newSize
+  $radio-marker-size: $newSize / 2
 
   + label
     font-size: $size
     line-height: $newSize
     &::before
-      width: $newSize
-      height: $newSize
+      width: $width
+      height: $height
     &::after
       width: $radio-marker-size
       height: $radio-marker-size
-      top: ( ( $newSize / 2 ) - ( $radio-marker-size / 2 ) ) / 2
-      left: ( $newSize / 2 ) - ( $radio-marker-size / 2 )
+      top: ( ($height / 2) - ($radio-marker-size / 2) ) - .2rem
+      left: ($width / 2) - ($radio-marker-size / 2)
   &.is-rtl
     + label
       &::after