2016-02-18 15:46:44 +01:00
|
|
|
//
|
|
|
|
|
// Base styles
|
|
|
|
|
//
|
|
|
|
|
.input-group {
|
|
|
|
|
width: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: flex-end;
|
|
|
|
|
|
|
|
|
|
.form-control {
|
|
|
|
|
flex: 1;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.input-group-btn,
|
|
|
|
|
.input-group .form-control {
|
|
|
|
|
&:not(:first-child):not(:last-child) {
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
|
// Button input groups
|
|
|
|
|
//
|
|
|
|
|
.input-group-btn {
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
vertical-align: middle; // Match the inputs
|
|
|
|
|
position: relative;
|
|
|
|
|
// Jankily prevent input button groups from wrapping with `white-space` and
|
|
|
|
|
// `font-size` in combination with `inline-block` on buttons.
|
|
|
|
|
font-size: 0;
|
|
|
|
|
|
2017-06-29 17:00:18 +02:00
|
|
|
> .btn,
|
|
|
|
|
.form-group:last-of-type & > .btn {
|
2017-05-31 18:43:00 +02:00
|
|
|
margin-top: 0;
|
2016-02-18 15:46:44 +01:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
|
// Reset rounded corners
|
|
|
|
|
//
|
|
|
|
|
.input-group .form-control:not(:last-child),
|
|
|
|
|
.input-group-btn:not(:last-child) > .btn,
|
|
|
|
|
.input-group-btn:not(:last-child) > .btn-group > .btn,
|
|
|
|
|
.input-group-btn:not(:last-child) > .dropdown-toggle,
|
|
|
|
|
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
|
|
|
|
|
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
|
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
|
}
|
2017-05-31 00:22:14 +02:00
|
|
|
|
2016-02-18 15:46:44 +01:00
|
|
|
.input-group .form-control:not(:first-child),
|
|
|
|
|
.input-group-btn:not(:first-child) > .btn,
|
|
|
|
|
.input-group-btn:not(:first-child) > .btn-group > .btn,
|
|
|
|
|
.input-group-btn:not(:first-child) > .dropdown-toggle,
|
|
|
|
|
.input-group-btn:not(:last-child) > .btn:not(:first-child),
|
|
|
|
|
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
|
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
|
}
|
