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.
 
 
 
 
 

96 lines
1.8 KiB

  1. //
  2. // Floats
  3. //
  4. .clearfix {
  5. @include clearfix();
  6. }
  7. .center-block {
  8. @include center-block();
  9. }
  10. @each $breakpoint in map-keys($grid-breakpoints) {
  11. @include media-breakpoint-up($breakpoint) {
  12. .pull-#{$breakpoint}-left {
  13. @include pull-left();
  14. }
  15. .pull-#{$breakpoint}-right {
  16. @include pull-right();
  17. }
  18. .pull-#{$breakpoint}-none {
  19. float: none !important;
  20. }
  21. }
  22. }
  23. //
  24. // Screenreaders
  25. //
  26. .sr-only {
  27. @include sr-only();
  28. }
  29. .sr-only-focusable {
  30. @include sr-only-focusable();
  31. }
  32. .invisible {
  33. visibility: hidden !important;
  34. }
  35. .text-hide {
  36. @include text-hide();
  37. }
  38. //
  39. // Text
  40. //
  41. // Alignment
  42. .text-justify { text-align: justify !important; }
  43. .text-nowrap { white-space: nowrap !important; }
  44. .text-truncate { @include text-truncate; }
  45. // Responsive alignment
  46. @each $breakpoint in map-keys($grid-breakpoints) {
  47. @include media-breakpoint-up($breakpoint) {
  48. .text-#{$breakpoint}-left { text-align: left !important; }
  49. .text-#{$breakpoint}-right { text-align: right !important; }
  50. .text-#{$breakpoint}-center { text-align: center !important; }
  51. }
  52. }
  53. // Transformation
  54. .text-lowercase { text-transform: lowercase !important; }
  55. .text-uppercase { text-transform: uppercase !important; }
  56. .text-capitalize { text-transform: capitalize !important; }
  57. // Weight and italics
  58. .font-weight-normal { font-weight: normal; }
  59. .font-weight-bold { font-weight: bold; }
  60. .font-italic { font-style: italic; }
  61. // Contextual colors
  62. .text-muted {
  63. color: $text-muted;
  64. }
  65. @include text-emphasis-variant('.text-primary', $brand-primary);
  66. @include text-emphasis-variant('.text-success', $brand-success);
  67. @include text-emphasis-variant('.text-info', $brand-info);
  68. @include text-emphasis-variant('.text-warning', $brand-warning);
  69. @include text-emphasis-variant('.text-danger', $brand-danger);