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:
parent
beedecaa11
commit
6ae1049fd8
4
.gitignore
vendored
4
.gitignore
vendored
@ -3,3 +3,7 @@ node_modules
|
||||
css
|
||||
storybook-static
|
||||
.DS_Store
|
||||
|
||||
# Ignoring built up css and map files
|
||||
scss/*.css
|
||||
scss/*.css.map
|
@ -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;
|
||||
|
@ -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 {
|
||||
|
Loading…
x
Reference in New Issue
Block a user