Summary Files Commits Branches @commit @diff @stats
path: root / src / _forms.scss
diff options
context:
space:
mode:
Commit4a784e66ed171336e9b9b281e02c2fdff2bde8cd (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-12-07 02:48:23 -0600
Committer
 GitHub <noreply@github.com>
2017-12-07 02:48:23 -0600
Files5423cf80ab4327496c77f04de08922f59056f863 /src/_forms.scss
Spectre-Dark-Gruvbox-4a784e66ed171336e9b9b281e02c2fdff2bde8cd.tar
Spectre-Dark-Gruvbox-4a784e66ed171336e9b9b281e02c2fdff2bde8cd.tar.gz
Spectre-Dark-Gruvbox-4a784e66ed171336e9b9b281e02c2fdff2bde8cd.zip
Parent57febed350bfba13b84763eb882d93e1817c9d78 (diff)
Parent357c8601a9346757bd76842cd68b3782db09bbc5 (diff)
Merge pull request #354 from picturepan2/0.5.0 v0.5.0
0.5.0
1 files changed, 18 insertions, 7 deletions
-rw-r--r--src/_forms.scss25
diff --git a/src/_forms.scss b/src/_forms.scss
index 0c7e228..acd34ad 100644
--- a/src/_forms.scss
+++ b/src/_forms.scss
@@ -22,10 +22,12 @@ legend {
padding: $control-padding-y + $border-width 0;
&.label-sm {
+ font-size: $font-size-sm;
padding: $control-padding-y-sm + $border-width 0;
}
&.label-lg {
+ font-size: $font-size-lg;
padding: $control-padding-y-lg + $border-width 0;
}
}
@@ -192,7 +194,9 @@ textarea.form-input {
.form-switch {
display: inline-block;
line-height: $line-height;
- padding: (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-x);
+ margin: ($control-size - $control-size-sm) / 2 0;
+ min-height: 1.2rem;
+ padding: (($control-size-sm - $line-height) / 2) $control-padding-x (($control-size-sm - $line-height) / 2) ($control-icon-size + $control-padding-x);
position: relative;
input {
@@ -219,6 +223,17 @@ textarea.form-input {
display: inline-block;
position: absolute;
}
+
+ // Input checkbox, radio and switch sizes
+ &.input-sm {
+ font-size: $font-size-sm;
+ margin: 0;
+ }
+
+ &.input-lg {
+ font-size: $font-size-lg;
+ margin: ($control-size-lg - $control-size-sm) / 2 0;
+ }
}
.form-checkbox,
@@ -349,11 +364,13 @@ textarea.form-input {
border-radius: $border-radius;
line-height: $line-height;
padding: $control-padding-y $control-padding-x;
+ white-space: nowrap;
&.addon-sm {
font-size: $font-size-sm;
padding: $control-padding-y-sm $control-padding-x-sm;
}
+
&.addon-lg {
font-size: $font-size-lg;
padding: $control-padding-y-lg $control-padding-x-lg;
@@ -505,10 +522,4 @@ input {
.form-group {
display: flex;
}
-
- .form-checkbox,
- .form-radio,
- .form-switch {
- margin: ($control-size - $control-size-sm) / 2 0;
- }
}