_labels.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  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. &.required::after,
  11. &[required]::after {
  12. content: '*';
  13. padding-left: 0.125rem;
  14. color: $danger;
  15. }
  16. }
  17. // For use with horizontal and inline forms, when you need the label (or legend)
  18. // text to align with the form controls.
  19. .col-form-label {
  20. padding-top: add($input-padding-y, $input-border-width);
  21. padding-bottom: add($input-padding-y, $input-border-width);
  22. margin-bottom: 0; // Override the `<legend>` default
  23. @include font-size(inherit); // Override the `<legend>` default
  24. font-style: $form-label-font-style;
  25. font-weight: $form-label-font-weight;
  26. line-height: $input-line-height;
  27. color: $form-label-color;
  28. }
  29. .col-form-label-lg {
  30. padding-top: add($input-padding-y-lg, $input-border-width);
  31. padding-bottom: add($input-padding-y-lg, $input-border-width);
  32. @include font-size($input-font-size-lg);
  33. }
  34. .col-form-label-sm {
  35. padding-top: add($input-padding-y-sm, $input-border-width);
  36. padding-bottom: add($input-padding-y-sm, $input-border-width);
  37. @include font-size($input-font-size-sm);
  38. }