72 lines
1.2 KiB
SCSS
Vendored
72 lines
1.2 KiB
SCSS
Vendored
// Input groups
|
|
|
|
.input-group {
|
|
.input-group-prepend {
|
|
div:not([class]) .react-datepicker__input-container,
|
|
& + div .react-datepicker__input-container {
|
|
.form-control {
|
|
@include border-start-radius(0);
|
|
@include border-end-radius($input-border-radius !important);
|
|
}
|
|
}
|
|
}
|
|
|
|
& > div:not([class]) {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
|
|
& .react-datepicker__input-container {
|
|
.form-control {
|
|
@include border-end-radius(0);
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
.input-group {
|
|
.input-group-prepend {
|
|
& + div {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
}
|
|
}
|
|
|
|
& > .react-datepicker-wrapper {
|
|
position: relative;
|
|
flex: 1 1 auto;
|
|
width: 1%;
|
|
|
|
& > .react-datepicker__input-container > .form-control {
|
|
@include border-end-radius(0);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Forms Legend
|
|
|
|
legend {
|
|
font-size: $font-size-base;
|
|
font-weight: bold;
|
|
}
|
|
|
|
// Headings
|
|
|
|
.form-heading {
|
|
font-size: $font-size-lg;
|
|
margin: 0;
|
|
color: $primary;
|
|
|
|
p {
|
|
color: $gray-600;
|
|
padding: 0.3rem 0 0;
|
|
font-size: $font-size-base;
|
|
}
|
|
}
|
|
|
|
.custom-select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
} |