Merge pull request #3 from firefly-ui/fix-styling-for-checkbox-mark

Fixes checkbox styling
firefly-ui · Jun 6, 2016 · 0f0dbf5 · 0f0dbf5
2 parents 5ead193 + 504499e
commit 0f0dbf5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/app/styles/firefly-ui/foundation/_checkbox.scss b/app/styles/firefly-ui/foundation/_checkbox.scss
@@ -83,17 +83,16 @@ $checkbox-focus-border-color: rgba(0,0,0,0.3) !default;
         background-color: $checkbox-checked-background-color;
 
         &::after {
-          top: 4px;
-          left: 2.4px;
+          top: 0;
+          left: 0;
           height: 7px;
           width: 12px;
 
-          transform: rotate(-45deg) skew(0,1deg);
+          transform: translateX(2.4px) translateY(4px) rotate(-45deg) skew(0, 1deg);
 
           border-bottom: solid 2px;
           border-left: solid 2px;
           border-color: $checkbox-checked-color;
-
         }
       }
     }
@@ -104,12 +103,12 @@ $checkbox-focus-border-color: rgba(0,0,0,0.3) !default;
         background-color: $checkbox-indeterminate-background-color;
 
         &::after {
-          top: 7.75px;
+          top: 8px;
           left: 3px;
           width: 11px;
+          height: 2px;
 
-          border-bottom: solid 1.5px;
-          border-color: $checkbox-indeterminate-color;
+          background-color: $checkbox-indeterminate-color;
         }
       }
     }

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ff-checkbox",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Theme-able checkbox component for Ember 2.0! Supports Foundation, part of Firefly UI",
   "directories": {
     "doc": "doc",