Ümit Tunç
89 lines
1.9 KiB
SCSS
89 lines
1.9 KiB
SCSS
//
|
|
// Forms
|
|
// --------------------------------------------------
|
|
|
|
label {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.form-control,
|
|
.input-group-text {
|
|
height: $pbf-height;
|
|
font-family: $font-family-base;
|
|
}
|
|
|
|
select.form-control {
|
|
height: auto;
|
|
|
|
&:not([size]):not([multiple]) {
|
|
padding-top: $pbf-padding-y - 2;
|
|
padding-bottom: $pbf-padding-y - 2;
|
|
}
|
|
}
|
|
|
|
select.form-control-sm {
|
|
&:not([size]):not([multiple]) {
|
|
padding-top: $pbf-padding-y-sm - 2;
|
|
padding-bottom: $pbf-padding-y-sm - 2;
|
|
}
|
|
}
|
|
|
|
select.form-control-lg {
|
|
&:not([size]):not([multiple]) {
|
|
padding-top: $pbf-padding-y-lg - 2;
|
|
padding-bottom: $pbf-padding-y-lg - 2;
|
|
}
|
|
}
|
|
|
|
textarea.form-control {
|
|
height: auto;
|
|
padding: $input-btn-padding-x;
|
|
|
|
&.form-control-sm {
|
|
padding: $input-btn-padding-x-sm;
|
|
}
|
|
|
|
&.form-control-lg {
|
|
padding: $input-btn-padding-x-lg;
|
|
}
|
|
}
|
|
|
|
.form-control-lg,
|
|
.input-group-lg > .form-control,
|
|
.input-group-lg > .input-group-prepend > .input-group-text,
|
|
.input-group-lg > .input-group-append > .input-group-text,
|
|
.input-group-lg > .input-group-prepend > .btn,
|
|
.input-group-lg > .input-group-append > .btn {
|
|
height: $pbf-height-lg;
|
|
font-size: $pbf-font-size-lg;
|
|
line-height: $pbf-line-height-lg;
|
|
}
|
|
|
|
.form-control-sm,
|
|
.input-group-sm > .form-control,
|
|
.input-group-sm > .input-group-prepend > .input-group-text,
|
|
.input-group-sm > .input-group-append > .input-group-text,
|
|
.input-group-sm > .input-group-prepend > .btn,
|
|
.input-group-sm > .input-group-append > .btn {
|
|
height: $pbf-height-sm;
|
|
font-size: $pbf-font-size-sm;
|
|
line-height: $pbf-line-height-sm;
|
|
}
|
|
|
|
.col-form-label-lg {
|
|
font-size: $pbf-font-size-lg;
|
|
}
|
|
|
|
.col-form-label-sm {
|
|
font-size: $pbf-font-size-sm;
|
|
}
|
|
|
|
.invalid-feedback {
|
|
font-size: $font-size-sm;
|
|
}
|
|
|
|
// Temporary fix for custom form controls when labels are empty (bug introduced in Bootstrap 4.1.1)
|
|
.custom-control-label {
|
|
vertical-align: top;
|
|
}
|