diff options
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_variables.scss | 10 | ||||
| -rw-r--r-- | scss/forms/_form-file.scss | 24 |
2 files changed, 32 insertions, 2 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 8c3c046d4..21b497784 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -747,6 +747,16 @@ $form-file-box-shadow: $input-box-shadow !default; $form-file-button-color: $form-file-color !default; $form-file-button-bg: $input-group-addon-bg !default; +$form-file-padding-y-sm: $input-padding-y-sm !default; +$form-file-padding-x-sm: $input-padding-x-sm !default; +$form-file-font-size-sm: $input-font-size-sm !default; +$form-file-height-sm: $input-height-sm !default; + +$form-file-padding-y-lg: $input-padding-y-lg !default; +$form-file-padding-x-lg: $input-padding-x-lg !default; +$form-file-font-size-lg: $input-font-size-lg !default; +$form-file-height-lg: $input-height-lg !default; + // Form validation diff --git a/scss/forms/_form-file.scss b/scss/forms/_form-file.scss index 8e9c6c443..947f77aca 100644 --- a/scss/forms/_form-file.scss +++ b/scss/forms/_form-file.scss @@ -7,7 +7,7 @@ position: relative; z-index: 2; width: 100%; - height: $form-file-height; + height: 100%; margin: 0; opacity: 0; @@ -32,7 +32,7 @@ left: 0; z-index: 1; display: flex; - height: $form-file-height; + height: 100%; border-color: $form-file-border-color; @include border-radius($form-file-border-radius); @include box-shadow($form-file-box-shadow); @@ -69,3 +69,23 @@ border-width: $form-file-border-width; @include border-right-radius(inherit); } + +.form-file-sm { + height: $form-file-height-sm; + @include font-size($form-file-font-size-sm); + + .form-file-text, + .form-file-button { + padding: $form-file-padding-y-sm $form-file-padding-x-sm; + } +} + +.form-file-lg { + height: $form-file-height-lg; + @include font-size($form-file-font-size-lg); + + .form-file-text, + .form-file-button { + padding: $form-file-padding-y-lg $form-file-padding-x-lg; + } +} |