1
0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-03-15 11:40:00 +01:00

fix: string interpolation to calculate width of inputs

Uses css calc() to calculate the width of form input classes (nes-input, nes-textarea, nes-select) and uses SCSS's string interpolation to place and perform calculation on variable's ($border-size) value
This commit is contained in:
thisisabhinay 2019-10-10 08:40:52 +05:30
parent beedecaa11
commit 6ae1049fd8
3 changed files with 6 additions and 2 deletions

4
.gitignore vendored
View File

@ -3,3 +3,7 @@ node_modules
css
storybook-static
.DS_Store
# Ignoring built up css and map files
scss/*.css
scss/*.css.map

View File

@ -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;

View File

@ -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 {