390af97266903b975782f6d2cabb86f56da96714.svn-base 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. //
  2. // Headings
  3. //
  4. h1, h2, h3, h4, h5, h6,
  5. .h1, .h2, .h3, .h4, .h5, .h6 {
  6. font-family: $headings-font-family;
  7. font-weight: $headings-font-weight;
  8. line-height: $headings-line-height;
  9. color: $headings-color;
  10. }
  11. h1, .h1,
  12. h2, .h2,
  13. h3, .h3 {
  14. margin-bottom: $headings-margin-bottom;
  15. }
  16. h4, .h4,
  17. h5, .h5,
  18. h6, .h6 {
  19. margin-bottom: $headings-margin-bottom;
  20. }
  21. h1, .h1 { font-size: $font-size-h1; }
  22. h2, .h2 { font-size: $font-size-h2; }
  23. h3, .h3 { font-size: $font-size-h3; }
  24. h4, .h4 { font-size: $font-size-h4; }
  25. h5, .h5 { font-size: $font-size-h5; }
  26. h6, .h6 { font-size: $font-size-h6; }
  27. .lead {
  28. font-size: $lead-font-size;
  29. font-weight: $lead-font-weight;
  30. }
  31. // Type display classes
  32. .display-1 {
  33. font-size: $display1-size;
  34. font-weight: $display1-weight;
  35. }
  36. .display-2 {
  37. font-size: $display2-size;
  38. font-weight: $display2-weight;
  39. }
  40. .display-3 {
  41. font-size: $display3-size;
  42. font-weight: $display3-weight;
  43. }
  44. .display-4 {
  45. font-size: $display4-size;
  46. font-weight: $display4-weight;
  47. }
  48. //
  49. // Horizontal rules
  50. //
  51. hr {
  52. margin-top: $spacer-y;
  53. margin-bottom: $spacer-y;
  54. border: 0;
  55. border-top: $hr-border-width solid $hr-border-color;
  56. }
  57. //
  58. // Emphasis
  59. //
  60. small,
  61. .small {
  62. font-size: 80%;
  63. font-weight: normal;
  64. }
  65. mark,
  66. .mark {
  67. padding: .2em;
  68. background-color: $state-warning-bg;
  69. }
  70. //
  71. // Lists
  72. //
  73. // Unstyled keeps list items block level, just removes default browser padding and list-style
  74. .list-unstyled {
  75. padding-left: 0;
  76. list-style: none;
  77. }
  78. // Inline turns list items into inline-block
  79. .list-inline {
  80. padding-left: 0;
  81. margin-left: -5px;
  82. list-style: none;
  83. > li {
  84. display: inline-block;
  85. padding-right: 5px;
  86. padding-left: 5px;
  87. }
  88. }
  89. // Horizontal description lists w/ grid classes
  90. .dl-horizontal {
  91. margin-right: -$grid-gutter-width;
  92. margin-left: -$grid-gutter-width;
  93. @include clearfix;
  94. }
  95. //
  96. // Misc
  97. //
  98. // Builds on `abbr`
  99. .initialism {
  100. font-size: 90%;
  101. text-transform: uppercase;
  102. }
  103. // Blockquotes
  104. .blockquote {
  105. padding: ($spacer / 2) $spacer;
  106. margin-bottom: $spacer;
  107. font-size: $blockquote-font-size;
  108. border-left: .25rem solid $blockquote-border-color;
  109. p,
  110. ul,
  111. ol {
  112. &:last-child {
  113. margin-bottom: 0;
  114. }
  115. }
  116. footer {
  117. display: block;
  118. font-size: 80%; // back to default font-size
  119. line-height: $line-height;
  120. color: $blockquote-small-color;
  121. &:before {
  122. content: "\2014 \00A0"; // em dash, nbsp
  123. }
  124. }
  125. }
  126. // Opposite alignment of blockquote
  127. .blockquote-reverse {
  128. padding-right: $spacer;
  129. padding-left: 0;
  130. text-align: right;
  131. border-right: .25rem solid $blockquote-border-color;
  132. border-left: 0;
  133. // Account for citation
  134. footer {
  135. &:before { content: ""; }
  136. &:after {
  137. content: "\00A0 \2014"; // nbsp, em dash
  138. }
  139. }
  140. }
  141. //
  142. // Figures
  143. //
  144. .figure {
  145. // Ensures the caption's text aligns with the image.
  146. display: inline-block;
  147. > img {
  148. @extend .img-responsive;
  149. line-height: 1;
  150. margin-bottom: ($spacer-y / 2);
  151. }
  152. }
  153. .figure-caption {
  154. font-size: 90%;
  155. color: $gray-light;
  156. }