_text.scss 500 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /*
  2. * Component: Text
  3. * -------------
  4. */
  5. // text muted hover
  6. a.text-muted:hover {
  7. color: theme-color(primary) !important;
  8. }
  9. // text modification
  10. .text-bold {
  11. &, &.table td, &.table th {
  12. font-weight: 700;
  13. }
  14. }
  15. .text-sm {
  16. font-size: $font-size-sm;
  17. }
  18. .text-xs {
  19. font-size: $font-size-base;
  20. }
  21. .text-lg {
  22. font-size: $font-size-lg;
  23. }
  24. .text-xl {
  25. font-size: $font-size-xl;
  26. }
  27. // text color variations
  28. @each $name, $color in $colors {
  29. .text-#{$name} {
  30. color: #{$color};
  31. }
  32. }