// --------------------------------------------------
+//
// Headings
-// -------------------------
+//
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
h5, .h5 { font-size: $font-size-h5; }
h6, .h6 { font-size: $font-size-h6; }
-
-// Body text
-// -------------------------
-
-// p {
-// margin-top: 0;
-// margin-bottom: 1rem;
-// }
-
.lead {
font-size: 1.25rem;
font-weight: 300;
}
+//
// Horizontal rules
-// -------------------------
+//
hr {
margin-top: $spacer;
}
-// Emphasis & misc
-// -------------------------
+//
+// Emphasis
+//
// Ex: (12px small font / 14px base font) * 100% = about 85%
small,
}
+//
// Lists
-// -------------------------
-
-// Unordered and Ordered lists
-// ul,
-// ol {
-// margin-top: 0;
-// margin-bottom: ($line-height-computed / 2);
-
-// ul,
-// ol {
-// margin-bottom: 0;
-// }
-// }
-
-// List options
+//
// Unstyled keeps list items block level, just removes default browser padding and list-style
.list-unstyled {
}
}
-// Description Lists
-// dl {
-// margin-top: 0; // Remove browser default
-// margin-bottom: $line-height-computed;
-// }
-// dt,
-// dd {
-// line-height: $line-height-base;
-// }
-// dt {
-// font-weight: bold;
-// }
-// dd {
-// margin-left: 0; // Undo browser default
-// }
-
// Horizontal description lists w/ grid classes
.dl-horizontal {
margin-right: -$grid-gutter-width;
}
+//
// Misc
-// -------------------------
-
-// // Abbreviations and acronyms
-// abbr[title],
-// // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
-// abbr[data-original-title] {
-// cursor: help;
-// border-bottom: 1px dotted $abbr-border-color;
-// }
+//
+// Builds on `abbr`
.initialism {
font-size: 90%;
text-transform: uppercase;
}
-// // Blockquotes
-// blockquote {
-// padding: ($spacer / 2) $spacer;
-// margin-bottom: $spacer;
-// font-size: $blockquote-font-size;
-// border-left: .25rem solid $blockquote-border-color;
-
-// p,
-// ul,
-// ol {
-// &:last-child {
-// margin-bottom: 0;
-// }
-// }
-
-// footer {
-// display: block;
-// font-size: 80%; // back to default font-size
-// line-height: $line-height-base;
-// color: $blockquote-small-color;
-
-// &:before {
-// content: "\2014 \00A0"; // em dash, nbsp
-// }
-// }
-// }
-
-// // Opposite alignment of blockquote
-// .blockquote-reverse {
-// padding-right: $spacer;
-// padding-left: 0;
-// text-align: right;
-// border-right: .25rem solid $blockquote-border-color;
-// border-left: 0;
-
-// // Account for citation
-// footer {
-// &:before { content: ""; }
-// &:after {
-// content: "\00A0 \2014"; // nbsp, em dash
-// }
-// }
-// }
-
-// // Addresses
-// address {
-// margin-bottom: $line-height-computed;
-// font-style: normal;
-// line-height: $line-height-base;
-// }
+// Blockquotes
+.blockquote {
+ padding: ($spacer / 2) $spacer;
+ margin-bottom: $spacer;
+ font-size: $blockquote-font-size;
+ border-left: .25rem solid $blockquote-border-color;
+
+ p,
+ ul,
+ ol {
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ footer {
+ display: block;
+ font-size: 80%; // back to default font-size
+ line-height: $line-height-base;
+ color: $blockquote-small-color;
+
+ &:before {
+ content: "\2014 \00A0"; // em dash, nbsp
+ }
+ }
+}
+
+// Opposite alignment of blockquote
+.blockquote-reverse {
+ padding-right: $spacer;
+ padding-left: 0;
+ text-align: right;
+ border-right: .25rem solid $blockquote-border-color;
+ border-left: 0;
+
+ // Account for citation
+ footer {
+ &:before { content: ""; }
+ &:after {
+ content: "\00A0 \2014"; // nbsp, em dash
+ }
+ }
+}