You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

36 lines
1.1 KiB

8 months ago
  1. //
  2. // Labels
  3. //
  4. .form-label {
  5. margin-bottom: $form-label-margin-bottom;
  6. @include font-size($form-label-font-size);
  7. font-style: $form-label-font-style;
  8. font-weight: $form-label-font-weight;
  9. color: $form-label-color;
  10. }
  11. // For use with horizontal and inline forms, when you need the label (or legend)
  12. // text to align with the form controls.
  13. .col-form-label {
  14. padding-top: add($input-padding-y, $input-border-width);
  15. padding-bottom: add($input-padding-y, $input-border-width);
  16. margin-bottom: 0; // Override the `<legend>` default
  17. @include font-size(inherit); // Override the `<legend>` default
  18. font-style: $form-label-font-style;
  19. font-weight: $form-label-font-weight;
  20. line-height: $input-line-height;
  21. color: $form-label-color;
  22. }
  23. .col-form-label-lg {
  24. padding-top: add($input-padding-y-lg, $input-border-width);
  25. padding-bottom: add($input-padding-y-lg, $input-border-width);
  26. @include font-size($input-font-size-lg);
  27. }
  28. .col-form-label-sm {
  29. padding-top: add($input-padding-y-sm, $input-border-width);
  30. padding-bottom: add($input-padding-y-sm, $input-border-width);
  31. @include font-size($input-font-size-sm);
  32. }