71 lines
1.1 KiB
SCSS
71 lines
1.1 KiB
SCSS
|
.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;
|
||
|
|
}
|
||
|
|
}
|