_type.scss 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. // stylelint-disable selector-list-comma-newline-after
  2. //
  3. // Headings
  4. //
  5. h1, h2, h3, h4, h5, h6,
  6. .h1, .h2, .h3, .h4, .h5, .h6 {
  7. margin-bottom: $headings-margin-bottom;
  8. font-family: $headings-font-family;
  9. font-weight: $headings-font-weight;
  10. line-height: $headings-line-height;
  11. color: $headings-color;
  12. }
  13. h1, .h1 { @include font-size($h1-font-size); }
  14. h2, .h2 { @include font-size($h2-font-size); }
  15. h3, .h3 { @include font-size($h3-font-size); }
  16. h4, .h4 { @include font-size($h4-font-size); }
  17. h5, .h5 { @include font-size($h5-font-size); }
  18. h6, .h6 { @include font-size($h6-font-size); }
  19. .lead {
  20. @include font-size($lead-font-size);
  21. font-weight: $lead-font-weight;
  22. color: #000000;
  23. }
  24. // Type display classes
  25. .display-1 {
  26. @include font-size($display1-size);
  27. font-weight: $display1-weight;
  28. line-height: $display-line-height;
  29. }
  30. .display-2 {
  31. @include font-size($display2-size);
  32. font-weight: $display2-weight;
  33. line-height: $display-line-height;
  34. }
  35. .display-3 {
  36. @include font-size($display3-size);
  37. font-weight: $display3-weight;
  38. line-height: $display-line-height;
  39. }
  40. .display-4 {
  41. @include font-size($display4-size);
  42. font-weight: $display4-weight;
  43. line-height: $display-line-height;
  44. }
  45. .text-home{
  46. margin-left: 55px;
  47. }
  48. //
  49. // Horizontal rules
  50. //
  51. hr {
  52. margin-top: $hr-margin-y;
  53. margin-bottom: $hr-margin-y;
  54. border: 0;
  55. border-top: $hr-border-width solid $hr-border-color;
  56. }
  57. //
  58. // Emphasis
  59. //
  60. small,
  61. .small {
  62. @include font-size($small-font-size);
  63. font-weight: $font-weight-normal;
  64. }
  65. mark,
  66. .mark {
  67. padding: $mark-padding;
  68. background-color: $mark-bg;
  69. }
  70. //
  71. // Lists
  72. //
  73. .list-unstyled {
  74. @include list-unstyled();
  75. }
  76. // Inline turns list items into inline-block
  77. .list-inline {
  78. @include list-unstyled();
  79. }
  80. .list-inline-item {
  81. display: inline-block;
  82. &:not(:last-child) {
  83. margin-right: $list-inline-padding;
  84. }
  85. }
  86. //
  87. // Misc
  88. //
  89. // Builds on `abbr`
  90. .initialism {
  91. @include font-size(90%);
  92. text-transform: uppercase;
  93. }
  94. // Blockquotes
  95. .blockquote {
  96. margin-bottom: $spacer;
  97. @include font-size($blockquote-font-size);
  98. }
  99. .blockquote-footer {
  100. display: block;
  101. @include font-size($blockquote-small-font-size);
  102. color: $blockquote-small-color;
  103. &::before {
  104. content: "\2014\00A0"; // em dash, nbsp
  105. }
  106. }
  107. .display-5{
  108. color: #000000;
  109. }
  110. .text-home-1{
  111. font-size: 15px;
  112. }