Merge pull request #364 from thisisabhinay/issues/nes-bleeding-form-i…

…nputs String interpolation to calculate width of inputs. Fix #322
nostalgic-css · Oct 10, 2019 · 77877e2 · 77877e2
2 parents beedeca + 6ae1049
commit 77877e2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,3 +3,7 @@ node_modules
 css
 storybook-static
 .DS_Store
+
+# Ignoring built up css and map files
+scss/*.css
+scss/*.css.map
diff --git a/scss/form/inputs.scss b/scss/form/inputs.scss
@@ -8,7 +8,7 @@
 
   @include compact-rounded-corners();
 
-  width: 100%;
+  width: calc(100% -  #{2*$border-size});
   padding: 0.5rem 1rem;
   margin: 4px;
   background-clip: padding-box;

diff --git a/scss/form/selects.scss b/scss/form/selects.scss
@@ -11,7 +11,7 @@
   $colors: ($base-color, map-get($default-colors, "shadow"));
 
   position: relative;
-  width: 100%;
+  width: calc(100% -  #{2*$border-size});
   margin: 4px;
 
   select {