plain-design 1.0.0-beta.125 → 1.0.0-beta.126

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plain-design",
-  "version": "1.0.0-beta.125",
+  "version": "1.0.0-beta.126",
   "description": "",
   "main": "dist/plain-design.min.js",
   "module": "dist/plain-design.commonjs.min.js",

package/src/packages/components/InputGroup/input-group.scss

@@ -33,5 +33,11 @@
         border-left-color: transparent;
       }
     }
+
+    &.#{componentName(input)}, &.#{componentName(button)} {
+      & + .#{componentName(input)}, & + .#{componentName(button)} {
+        margin-left: -1px;
+      }
+    }
   }
 }

package/src/packages/styles/global.import.scss

@@ -57,6 +57,7 @@
 @mixin hover($component) {
   &:not(.#{$component}-disabled):not(.#{$component}-loading):not(.#{$component}-readonly):not(.#{$component}-focus) {
     &:hover, &.#{$component}-hover {
+      z-index: 2;
       @content;
     }
   }
@@ -99,21 +100,65 @@
       }
       @content;
 
-      &.mt{margin-top: $margin}
-      &.mb{margin-bottom: $margin}
-      &.ml{margin-left: $margin}
-      &.mr{margin-right: $margin}
-      &.mx{margin-left: $margin;margin-right: $margin}
-      &.my{margin-top: $margin;margin-bottom: $margin}
-      &.margin {margin: $margin}
-
-      &.pt{padding-top: $margin}
-      &.pb{padding-bottom: $margin}
-      &.pl{padding-left: $margin}
-      &.pr{padding-right: $margin}
-      &.px{padding-left: $margin;padding-right: $margin}
-      &.py{padding-top: $margin;padding-bottom: $margin}
-      &.padding {padding: $margin}
+      &.mt {
+        margin-top: $margin
+      }
+
+      &.mb {
+        margin-bottom: $margin
+      }
+
+      &.ml {
+        margin-left: $margin
+      }
+
+      &.mr {
+        margin-right: $margin
+      }
+
+      &.mx {
+        margin-left: $margin;
+        margin-right: $margin
+      }
+
+      &.my {
+        margin-top: $margin;
+        margin-bottom: $margin
+      }
+
+      &.margin {
+        margin: $margin
+      }
+
+      &.pt {
+        padding-top: $margin
+      }
+
+      &.pb {
+        padding-bottom: $margin
+      }
+
+      &.pl {
+        padding-left: $margin
+      }
+
+      &.pr {
+        padding-right: $margin
+      }
+
+      &.px {
+        padding-left: $margin;
+        padding-right: $margin
+      }
+
+      &.py {
+        padding-top: $margin;
+        padding-bottom: $margin
+      }
+
+      &.padding {
+        padding: $margin
+      }
     }
   }
 }