Browse Source

Fix padding for form fields

Takashi Irie 6 years ago
parent
commit
d9b9b7cb82

+ 1 - 1
_dsgnsystm/sass/elements/_config.scss

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

+ 5 - 6
_dsgnsystm/sass/elements/_forms.scss

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

+ 1 - 0
_dsgnsystm/style-rtl.css

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

+ 1 - 0
_dsgnsystm/style.css

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