mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-03-15 11:40:00 +01:00
Code Issues Releases Wiki Activity

fix: string interpolation to calculate width of inputs

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

2
scss/form/inputs.scss
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;

2
scss/form/selects.scss
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 {