.input-group { box-shadow: $input-box-shadow; border-radius: $input-border-radius; transition: $transition-base; .form-control { box-shadow: none; &:not(:first-child) { border-left: 0; padding-left: 0; } &:not(:last-child) { border-right: 0; padding-right: 0; } &:focus { box-shadow: none; } } .input-group-prepend { margin-right: 0; .input-group-text { border-right: none; } } } .input-group-text { transition: $transition-base; } .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; } } // .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: $primary; } .form-control { border-color: $primary; } }