set the checkbox check icon to always 2px

fix material toggle vertical alignment

README.md

@@ -12,7 +12,7 @@ CSS only, bootstrap compatible toggle, checkbox and radio buttons.
 
 Several quick start options are available:
 
-* [Download the latest release](https://github.com/alexdonh/toggle-checkbox-radio/releases/download/2.0.1/toggle-checkbox-radio-2.0.1.zip "Download toggle-checkbox-radio").
+* [Download the latest release](https://github.com/alexdonh/toggle-checkbox-radio/releases/download/2.0.2/toggle-checkbox-radio-2.0.2.zip "Download toggle-checkbox-radio").
 * Clone the repo: `git clone https://github.com/alexdonh/toggle-checkbox-radio.git`.
 * Install with [npm](https://www.npmjs.com): `npm install toggle-checkbox-radio`.
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-checkbox-radio",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "main": [
     "dist/toggle-checkbox-radio.css"
   ],

composer.json

@@ -1,6 +1,6 @@
 {
   "name": "alexdonh/toggle-checkbox-radio",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "CSS only, bootstrap compatible toggle, checkbox and radio buttons",
   "keywords": [
     "bootstrap",

docs/index.html

@@ -28,7 +28,7 @@ <h1 class="display-4">toggle-checkbox-radio</h1>
             <p class="lead">CSS only, bootstrap compatible toggle, checkbox and radio buttons.</p>
             <hr class="my-4">
             <p>
-                <a class="github-button" href="https://github.com/alexdonh/toggle-checkbox-radio/releases/download/2.0.1/toggle-checkbox-radio-2.0.1.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download alexdonh/toggle-checkbox-radio on GitHub">Download</a>
+                <a class="github-button" href="https://github.com/alexdonh/toggle-checkbox-radio/releases/download/2.0.2/toggle-checkbox-radio-2.0.2.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download alexdonh/toggle-checkbox-radio on GitHub">Download</a>
                 <a class="github-button" href="https://github.com/alexdonh/toggle-checkbox-radio" data-size="large" data-show-count="true" aria-label="Star alexdonh/toggle-checkbox-radio on GitHub">Github</a>
             </p>
         </div>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "toggle-checkbox-radio",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "CSS only, bootstrap compatible toggle, checkbox and radio buttons",
   "directories": {
     "doc": "docs"

scss/toggle-checkbox-radio.scss

@@ -72,13 +72,14 @@
       }
 
       &.is-material {
-        margin: .25em .125rem;
+        margin: .275em .175rem;
 
         &:before {
-          width: $input-size-base + .25rem;
-          height: $input-size-base + .25rem;
-          top: -.25rem;
-          left: -.25rem;
+          width: $input-size-base + .325rem;
+          height: $input-size-base + .325rem;
+          top: 50%;
+          transform: translateY(-50%);
+          left: -.325rem;
         }
 
         &:checked {
@@ -156,8 +157,8 @@
         right: 0;
         top: 12.5%;
         height: 50%;
-        border-left: $input-border-width transparent solid;
-        border-bottom: $input-border-width transparent solid;
+        border-left: 2px transparent solid;
+        border-bottom: 2px transparent solid;
         transform: rotate(-45deg);
       }
 
@@ -205,6 +206,8 @@
           height: $input-size-base / 2;
           border-top: none;
           border-right: none;
+          border-bottom-width: 2px;
+          border-left-width: 2px;
           transform: rotate(-45deg) translate(12.5%, -12.5%);
           background-color: transparent !important;
         }