| 91f01901 |
$blockquote: $type-border !default; |
| b6196b92 |
$sans: "Droid Sans", "Helvetica Neue", Arial, sans-serif !default;
$serif: "Droid Serif", Georgia, Times, "Times New Roman", serif !default;
$mono: 'Droid Sans Mono', Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default;
$heading-font-family: "Droid Serif", "Georgia", "Helvetica Neue", Arial, sans-serif !default; |
| 20e566f5 |
$header-title-font-family: $heading-font-family !default; |
| 9c700f3e |
$header-subtitle-font-family: $heading-font-family !default; |
| 91f01901 |
// Fonts
.heading { |
| 20e566f5 |
font-family: $heading-font-family; |
| 91f01901 |
} |
| 20e566f5 |
.sans { font-family: $sans; }
.serif { font-family: $serif; } |
| 91f01901 |
.mono { font-family: $mono; }
body > header h1 { |
| 252bfd24 |
font-size: 2.2em; |
| 91f01901 |
@extend .heading; |
| 20e566f5 |
font-family: $header-title-font-family; |
| 91f01901 |
font-weight: normal;
line-height: 1.2em;
margin-bottom: 0.6667em;
} |
| 9c700f3e |
body > header h2 {
font-family: $header-subtitle-font-family;
} |
| 91f01901 |
body {
line-height: 1.5em;
color: $text-color;
@extend .serif;
} |
| 252bfd24 |
h1 {
font-size: 2.2em;
line-height: 1.2em;
}
|
| d4139e39 |
@media only screen and (min-width: 992px) { |
| 252bfd24 |
body { font-size: 1.15em; } |
| 16b03308 |
h1 { font-size: 2.6em; line-height: 1.2em; } |
| 252bfd24 |
} |
| 91f01901 |
#{headings()}{
@extend .heading;
text-rendering: optimizelegibility;
margin-bottom: 1em;
font-weight: bold;
} |
| b6196b92 |
.entry-content h1 {
font-size: 1.9em;
margin-bottom: 0.7em;
}
|
| 91f01901 |
h2, section h1 {
font-size: 1.5em;
}
h3, section h2, section section h1 {
font-size: 1.3em;
}
h4, section h3, section section h2, section section section h1 {
font-size: 1em;
}
h5, section h4, section section h3 {
font-size: .9em;
}
h6, section h5, section section h4, section section section h3 {
font-size: .8em;
}
p, blockquote, ul, ol { margin-bottom: 1.5em; }
|
| 0f2686ef |
ul { list-style-type: disc; |
| 6bf5258f |
ul { list-style-type: circle; margin-bottom: 0px;
ul { list-style-type: square; margin-bottom: 0px; }}} |
| 91f01901 |
|
| 0f2686ef |
ol { list-style-type: decimal; |
| 6bf5258f |
ol { list-style-type: lower-alpha; margin-bottom: 0px;
ol { list-style-type: lower-roman; margin-bottom: 0px; }}} |
| 0f2686ef |
|
| 1d31e3d2 |
ul, ol { &, ul, ol { margin-left: 1.3em; list-style-position: inside }} |
| 91f01901 |
strong { font-weight: bold; }
em { font-style: italic; }
sup, sub { font-size: 0.8em; position: relative; display: inline-block; }
sup { top: -.5em; }
sub { bottom: -.5em; }
q { font-style: italic;
&:before { content: "\201C"; }
&:after { content: "\201D"; }
}
em, dfn { font-style: italic; }
strong, dfn { font-weight: bold; }
del, s { text-decoration: line-through; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
|
| 7d6062b5 |
pre, code, tt { @extend .mono; } |
| 91f01901 |
sub, sup { line-height: 0; }
hr { margin-bottom: 0.2em; }
small { font-size: .8em; }
big { font-size: 1.2em; }
|
| 2e7bc43c |
blockquote { |
| 91f01901 |
$bq-margin: 1.2em;
font-style: italic;
position: relative;
font-size: 1.2em; |
| 2e7bc43c |
line-height: 1.5em;
padding-left: 1em; |
| 91f01901 |
border-left: 4px solid rgba($text-color-light, .5);
cite {
font-style: italic;
a { color: $text-color-light !important; word-wrap: break-word; } |
| b42a7f87 |
&:before { content: '\2014'; padding:{right: .3em; left: .3em;} color: $text-color-light; } |
| 91f01901 |
}
@media only screen and (min-width: 992px) {
padding-left: 1.5em;
border-left-width: 4px;
}
}
|
| 21803814 |
.pullquote-right:before,
.pullquote-left:before { |
| 91f01901 |
/* Reset metrics. */
padding: 0;
border: none;
/* Content */
content: attr(data-pullquote);
/* Pull out to the right, modular scale based margins. */
float: right;
width: 45%;
margin: .5em 0 1em 1.5em;
/* Baseline correction */
position: relative;
top: 7px;
font-size: 1.4em;
line-height: 1.45em;
} |
| ce6604a1 |
|
| 490b2593 |
.pullquote-left:before { |
| ce6604a1 |
/* Make left pullquotes align properly. */
float: left;
margin: .5em 1.5em 1em 0;
}
|
| 51b2a36b |
/* @extend this to force long lines of continuous text to wrap */
.force-wrap {
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
} |