// // Input group // .custom-control{ padding-left: $custom-control-gutter + $custom-control-indicator-size - 1rem; } .input-group { box-shadow: $input-box-shadow; border-radius: $input-border-radius; @include transition($transition-ease-in-out); .form-control { box-shadow: none; &:focus { box-shadow: none; } } } .input-group-text { @include transition($input-transition); i { font-size: $font-size-sm; } .custom-control { line-height: 1; } } .input-group-prepend { // Should add the value of border right in variables.scss .input-group-text { border-right: 0; } } .input-group-append { // Should add the value of border right in variables.scss .input-group-text { border-left: 0; } } // Merged input group .input-group-merge { .form-control { &:not(:first-child) { border-left: 0; padding-left: 0; } &:not(:last-child) { border-right: 0; padding-right: 0; } } } // Alternative input groups related to .form-control-alternative .input-group-alternative { box-shadow: $input-alternative-box-shadow; border: 0; transition: box-shadow .15s ease; .form-control, .input-group-text { border: 0; box-shadow: none; } } .focused { .input-group-alternative { box-shadow: $input-focus-alternative-box-shadow !important; } } // Remove borders and paddings .input-group-flush { box-shadow: none; > .form-control { padding: 0; border-width: 0; background-color: transparent; } > .input-group-prepend, > .input-group-append { > .input-group-text { padding: 0; padding-right: 1rem; border-width: 0; background-color: transparent; } } } // .focus class is applied dinamycally from theme.js .focused { .input-group { box-shadow: $input-focus-box-shadow; } .input-group-text { color: $input-group-addon-focus-color; background-color: $input-group-addon-focus-bg; border-color: $input-group-addon-focus-border-color; } .form-control { border-color: $input-group-addon-focus-border-color; } .input-group-flush { box-shadow: none; } }