fix( scss ): Margin right variable

lokesh-coder · lokesh-coder · commit d6794a1aa9b0 · 2017-10-22T11:42:29.000-07:00
diff --git a/dist/maps/pretty-checkbox.css.map b/dist/maps/pretty-checkbox.css.map
diff --git a/src/scss/_core.scss b/src/scss/_core.scss
@@ -1,85 +1,78 @@
 @charset 'utf-8';
-
 .#{$pretty--class-name} * {
-  box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 //Throw error on invalid input types.
 .#{$pretty--class-name} input:not([type='checkbox']):not([type='radio']) {
-  display: none;
-
-  @if $pretty--debug {
-    + *:after {
-      content: $pretty--err-message;
-      border: 1px solid #dedede;
-      border-left: 3px solid #d9534f;
-      padding: 9px;
-      font-size: 1em;
-      font-weight: 600;
-      color: #d9534f;
-      position: absolute;
-      z-index: 3;
-      background: #fbfbfb;
-      top: 0;
-      left: 0;
+    display: none;
+    @if $pretty--debug {
+        +*:after {
+            content: $pretty--err-message;
+            border: 1px solid #dedede;
+            border-left: 3px solid #d9534f;
+            padding: 9px;
+            font-size: 1em;
+            font-weight: 600;
+            color: #d9534f;
+            position: absolute;
+            z-index: 3;
+            background: #fbfbfb;
+            top: 0;
+            left: 0;
+        }
     }
-  }
 }
 
 .#{$pretty--class-name} {
-  position: relative;
-  display: inline-block;
-  margin-right: 1em;
-  white-space: nowrap;
-  line-height: 1;
-
-  input {
-    position: absolute;
-    left: 0;
-    top: 0;
-    min-width: 1em;
-    width: 100%;
-    height: 100%;
-    z-index: $pretty--z-index-front;
-    opacity: 0;
-    margin: 0;
-    padding: 0;
-    cursor: pointer;
-  }
-
-  .state {
-    label {
-      position: initial;
-      display: inline-block;
-      font-weight: normal;
-      margin: 0;
-      text-indent: $pretty--label-text-offset;
-      min-width: $pretty--box-size;
-
-      &:before,
-      &:after {
-        content: '';
-        width: $pretty--box-size;
-        height: $pretty--box-size;
-        display: block;
-        box-sizing: border-box;
-        border-radius: 0;
-        border: 1px solid transparent;
-        z-index: $pretty--z-index-back;
+    position: relative;
+    display: inline-block;
+    margin-right: $pretty--margin-right;
+    white-space: nowrap;
+    line-height: 1;
+    input {
         position: absolute;
         left: 0;
-        top: $pretty-top-offset;
-        background-color: transparent;
-      }
-
-      &:before {
-        border-color: $pretty--color-default;
-      }
+        top: 0;
+        min-width: 1em;
+        width: 100%;
+        height: 100%;
+        z-index: $pretty--z-index-front;
+        opacity: 0;
+        margin: 0;
+        padding: 0;
+        cursor: pointer;
     }
-
-    &.p-is-hover,
-    &.p-is-indeterminate {
-      display: none;
+    .state {
+        label {
+            position: initial;
+            display: inline-block;
+            font-weight: normal;
+            margin: 0;
+            text-indent: $pretty--label-text-offset;
+            min-width: $pretty--box-size;
+            &:before,
+            &:after {
+                content: '';
+                width: $pretty--box-size;
+                height: $pretty--box-size;
+                display: block;
+                box-sizing: border-box;
+                border-radius: 0;
+                border: 1px solid transparent;
+                z-index: $pretty--z-index-back;
+                position: absolute;
+                left: 0;
+                top: $pretty-top-offset;
+                background-color: transparent;
+            }
+            &:before {
+                border-color: $pretty--color-default;
+            }
+        }
+        &.p-is-hover,
+        &.p-is-indeterminate {
+            display: none;
+        }
     }
-  }
 }
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
@@ -15,6 +15,7 @@ $pretty--z-index-between: 1 !default;
 $pretty--z-index-front: 2 !default;
 
 // box
+$pretty--margin-right:1em !default;
 $pretty--curve-radius: 20% !default;
 $pretty--box-size: calc(1em + 2px) !default;
 
