Modified form elements border width & radius

snack-ui · Jan 10, 2018 · cd61059 · cd61059
1 parent 2a2e478
commit cd61059
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 9 deletions.
diff --git a/dist/snack.css b/dist/snack.css
diff --git a/dist/snack.css.map b/dist/snack.css.map
diff --git a/dist/snack.min.css b/dist/snack.min.css
diff --git a/dist/snack.min.css.map b/dist/snack.min.css.map
diff --git a/docs/css/snack.css b/docs/css/snack.css
@@ -967,8 +967,8 @@ label {
   display: block;
   width: 100%;
   padding: 4px 8px;
-  border: 1px solid #ddd;
-  border-radius: 3px;
+  border: 2px solid #ddd;
+  border-radius: 4px;
   background-color: #fff;
   font-size: 14px;
   line-height: 1.42858;

diff --git a/src/_forms.scss b/src/_forms.scss
@@ -35,7 +35,7 @@ label {
 	display: block;
 	width: 100%;
 	padding: 4px 8px;
-	border: 1px solid $input-border-color;
+	border: $input-border-width solid $input-border-color;
 	border-radius: $input-border-radius;
 	background-color: $input-bg-color;
 	font-size: $input-font-size;

diff --git a/src/_variables.scss b/src/_variables.scss
@@ -41,7 +41,8 @@ $table-hover-bg-color:     #f5f5f5;
 $input-bg-color:           #fff;
 $input-border-color:       #ddd;
 $input-border-color-focus: $color-primary;
-$input-border-radius:      3px;
+$input-border-width:       2px;
+$input-border-radius:      4px;
 $input-text-color:         #333;
 $input-font-size:          $font-size-base;
 $input-line-height:        $line-height-base;