chore: update nested examples in kitchen sink

fix(grid): add max-width for flex layouts fix(input): add padding 0 for wrapper when size classes are added
momentum-design · Sep 18, 2019 · 073fde9 · 073fde9
1 parent 718fcc6
commit 073fde9
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/core/scss/components/input/input.scss b/core/scss/components/input/input.scss
@@ -24,11 +24,11 @@
         &-1 {
           padding-left: 2rem;
         }
-    
+
         &-2 {
           padding-left: 4rem;
         }
-    
+
         &-3 {
           padding-left: 6rem;
         }
@@ -75,7 +75,7 @@
     // Elements
     &__after {
       right: 0;
-      left: auto;      
+      left: auto;
     }
 
     &__before {
@@ -91,13 +91,13 @@
       width: $input__padding-side--icon;
       top: 0;
     }
-    
+
     &__help-text {
       margin-left: rem-calc(16);
       padding-top: rem-calc(8);
       overflow: hidden;
       text-overflow: ellipsis;
-      white-space: nowrap;  
+      white-space: nowrap;
     }
 
     &__help-text,
@@ -117,15 +117,15 @@
       padding-left: rem-calc(16);
       padding-top: rem-calc(8);
     }
-  
+
     &__message {
       display: block;
       line-height: $input__message__line-height;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       width: 100%;
-      
+
       &:before {
         margin-right: rem-calc(8);
         float: left;
@@ -139,7 +139,7 @@
       padding-left: 0.5rem;
       flex-grow: 1;
       width: auto;
-  
+
       cursor: pointer;
     }
 
@@ -149,14 +149,15 @@
       font-size: $input__message__font-size;
       line-height: $input__message__line-height;
     }
-    
+
     &__wrapper {
       box-sizing: border-box;
       display: block;
       flex-grow: 1;
       position: relative;
+      padding: 0;
     }
-    
+
     // Modifiers
     &--after {
       padding-right: $input__padding-side--icon;