aboutsummaryrefslogtreecommitdiff
path: root/scss/forms/_labels.scss
diff options
context:
space:
mode:
Diffstat (limited to 'scss/forms/_labels.scss')
-rw-r--r--scss/forms/_labels.scss27
1 files changed, 27 insertions, 0 deletions
diff --git a/scss/forms/_labels.scss b/scss/forms/_labels.scss
new file mode 100644
index 000000000..1a4ea8c5c
--- /dev/null
+++ b/scss/forms/_labels.scss
@@ -0,0 +1,27 @@
+//
+// Labels
+//
+
+// 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 `<label>/<legend>` default
+ @include font-size(inherit); // Override the `<legend>` default
+ line-height: $input-line-height;
+}
+
+.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);
+ line-height: $input-line-height-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);
+ line-height: $input-line-height-sm;
+}