diff --git a/scss/_input-group.scss b/scss/_input-group.scss index bf69ddb41de894daaaffb979bccd16f79a4dc3c6..fa9c0f61c5694ceda26853acfc675714fc0b215c 100644 --- a/scss/_input-group.scss +++ b/scss/_input-group.scss @@ -20,6 +20,7 @@ min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size margin-bottom: 0; + + .form-control-plaintext, + .form-control, + .custom-select, + .custom-file { @@ -27,6 +28,11 @@ } } + // It add padding in plain text for default size + > .form-control-plaintext { + padding: $input-padding-y $input-padding-x; + } + // Bring the "active" form control to the top of surrounding elements > .form-control:focus, > .custom-select:focus, @@ -125,11 +131,13 @@ // Remix the default form control sizing classes into new ones for easier // manipulation. +.input-group-lg > .form-control-plaintext:not(textarea), .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: $input-height-lg; } +.input-group-lg > .form-control-plaintext, .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, @@ -142,11 +150,13 @@ @include border-radius($input-border-radius-lg); } +.input-group-sm > .form-control-plaintext:not(textarea), .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: $input-height-sm; } +.input-group-sm > .form-control-plaintext, .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text,