diff options
Diffstat (limited to 'src/_forms.scss')
-rw-r--r-- | src/_forms.scss | 25 |
1 files changed, 18 insertions, 7 deletions
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; - } } |