mirror of https://github.com/twbs/bootstrap.git
48 lines
1.5 KiB
SCSS
48 lines
1.5 KiB
SCSS
@use "../variables" as *;
|
|
@use "../vendor/rfs" as *;
|
|
@use "form-variables" as *;
|
|
|
|
// scss-docs-start form-label-variables
|
|
$form-label-margin-bottom: .5rem !default;
|
|
$form-label-font-size: null !default;
|
|
$form-label-font-style: null !default;
|
|
$form-label-font-weight: null !default;
|
|
$form-label-color: null !default;
|
|
// scss-docs-end form-label-variables
|
|
|
|
|
|
@layer forms {
|
|
.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: add($input-padding-y, $input-border-width);
|
|
padding-bottom: add($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: add($input-padding-y-lg, $input-border-width);
|
|
padding-bottom: add($input-padding-y-lg, $input-border-width);
|
|
@include font-size($input-font-size-lg);
|
|
}
|
|
|
|
.col-form-label-sm {
|
|
padding-top: add($input-padding-y-sm, $input-border-width);
|
|
padding-bottom: add($input-padding-y-sm, $input-border-width);
|
|
@include font-size($input-font-size-sm);
|
|
}
|
|
}
|