Fix padding for form fields
This commit is contained in:
parent
af701db586
commit
d9b9b7cb82
4 changed files with 8 additions and 7 deletions
|
@ -23,6 +23,6 @@ $config-elements: (
|
|||
"radius": 3px,
|
||||
),
|
||||
|
||||
"padding": calc( 0.33 * #{map-deep-get($config-global, "spacing", "unit")} ),
|
||||
"padding": map-deep-get($config-global, "spacing", "unit")
|
||||
),
|
||||
);
|
||||
|
|
|
@ -17,7 +17,7 @@ textarea {
|
|||
color: #{map-deep-get($config-elements, "form", "color", "text")};
|
||||
border: #{map-deep-get($config-elements, "form", "border", "width")} solid #{map-deep-get($config-elements, "form", "color", "border")};
|
||||
border-radius: #{map-deep-get($config-elements, "form", "border", "radius")};
|
||||
padding: #{map-deep-get($config-elements, "form", "border", "padding")};
|
||||
padding: #{map-deep-get($config-elements, "form", "padding")};
|
||||
|
||||
&:focus {
|
||||
color: #{map-deep-get($config-elements, "form", "color", "text")};
|
||||
|
@ -30,14 +30,13 @@ select {
|
|||
}
|
||||
|
||||
textarea {
|
||||
padding: #{map-deep-get($config-elements, "form", "border", "padding")};
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// Vertically align checkbox + label relationship
|
||||
input[type=checkbox] + label {
|
||||
display: inline;
|
||||
margin-left: 0.5em;
|
||||
margin-right: 2em;
|
||||
line-height: 1em;
|
||||
display: inline;
|
||||
margin-left: 0.5em;
|
||||
margin-right: 2em;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
|
|
@ -931,6 +931,7 @@ textarea {
|
|||
color: #444444;
|
||||
border: 1px solid #DDDDDD;
|
||||
border-radius: 3px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
input[type="text"]:focus,
|
||||
|
|
|
@ -931,6 +931,7 @@ textarea {
|
|||
color: #444444;
|
||||
border: 1px solid #DDDDDD;
|
||||
border-radius: 3px;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
input[type="text"]:focus,
|
||||
|
|
Loading…
Reference in a new issue