Fix padding for form fields

This commit is contained in:
Takashi Irie 2019-07-18 13:29:56 +01:00
parent af701db586
commit d9b9b7cb82
4 changed files with 8 additions and 7 deletions

View file

@ -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")
),
);

View file

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

View file

@ -931,6 +931,7 @@ textarea {
color: #444444;
border: 1px solid #DDDDDD;
border-radius: 3px;
padding: 16px;
}
input[type="text"]:focus,

View file

@ -931,6 +931,7 @@ textarea {
color: #444444;
border: 1px solid #DDDDDD;
border-radius: 3px;
padding: 16px;
}
input[type="text"]:focus,