mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-26 23:54:23 +01:00
40 lines
1.2 KiB
SCSS
40 lines
1.2 KiB
SCSS
@use "../setup/variables" as *;
|
|
@use "../vendor/rfs" as *;
|
|
|
|
//
|
|
// Labels
|
|
//
|
|
|
|
.form-label {
|
|
margin-bottom: $form-label-margin-bottom;
|
|
@include font-size($form-label-font-size);
|
|
font-style: $form-label-font-style;
|
|
font-weight: $form-label-font-weight;
|
|
color: $form-label-color;
|
|
}
|
|
|
|
// For use with horizontal and inline forms, when you need the label (or legend)
|
|
// text to align with the form controls.
|
|
.col-form-label {
|
|
padding-top: calc(#{$input-padding-y} + #{$input-border-width});
|
|
padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
|
|
margin-bottom: 0; // Override the `<legend>` default
|
|
@include font-size(inherit); // Override the `<legend>` default
|
|
font-style: $form-label-font-style;
|
|
font-weight: $form-label-font-weight;
|
|
line-height: $input-line-height;
|
|
color: $form-label-color;
|
|
}
|
|
|
|
.col-form-label-lg {
|
|
padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
|
|
padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
|
|
@include font-size($input-font-size-lg);
|
|
}
|
|
|
|
.col-form-label-sm {
|
|
padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
|
|
padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
|
|
@include font-size($input-font-size-sm);
|
|
}
|