diff options
| author | Mark Otto <[email protected]> | 2014-11-29 20:57:04 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-11-29 20:57:04 -0800 |
| commit | 7c71b4874bfb992bd39e55c369d52f825de1946c (patch) | |
| tree | e11548aeb0349de346ad0d494e9940fd2ad1402a /less/forms.less | |
| parent | 80d7be11263ea014f32aaefef51917f2bef29a89 (diff) | |
| download | bootstrap-7c71b4874bfb992bd39e55c369d52f825de1946c.tar.xz bootstrap-7c71b4874bfb992bd39e55c369d52f825de1946c.zip | |
Fixes #15074: Fix the nesting problem with form control size variants
Diffstat (limited to 'less/forms.less')
| -rw-r--r-- | less/forms.less | 19 |
1 files changed, 15 insertions, 4 deletions
diff --git a/less/forms.less b/less/forms.less index 1bcc2b6b9..085d9d47c 100644 --- a/less/forms.less +++ b/less/forms.less @@ -309,16 +309,27 @@ input[type="checkbox"] { // // Build on `.form-control` with modifier classes to decrease or increase the // height and font-size of form controls. +// +// The `.form-group-* form-control` variations are sadly duplicated to avoid the +// issue documented in https://github.com/twbs/bootstrap/issues/15074. -.input-sm, -.form-group-sm .form-control { +.input-sm { .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small); } +.form-group-sm { + .form-control { + .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @input-border-radius-small); + } +} -.input-lg, -.form-group-lg .form-control { +.input-lg { .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large); } +.form-group-lg { + .form-control { + .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @input-border-radius-large); + } +} // Form control feedback states |