Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Tree: f2a8995198
Fetching contributors…

Cannot retrieve contributors at this time

143 lines (117 sloc) 2.028 kB
//
// Quotes
// --------------------------------------------------
/*
* Sets consistent quote types
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
* Blockquotes
*/
blockquote {
.blue-box(30px 50px);
clear: both;
// Blockquotes within blockquotes
blockquote {
background: #eef7f9;
color: #33505c;
}
// Quote content
p {
margin-top: 5px;
position: relative;
}
em, cite {
font-style: italic;
}
p:last-of-type {
margin-bottom: 0;
}
// The author of the quote
cite, span {
color: #91acbe;
display: block;
font-size: 14px;
margin-top: 20px;
}
span cite {
display: inline;
margin-top: 0;
}
// Aligned quotes
&.alignleft,
&.alignright {
clear: none;
width: 33%;
padding: 30px @smallGutterWidth;
}
&.aligncenter {
width: 66%;
text-align: center;
}
&.alignleft {
margin-right: @smallGutterWidth;
}
&.alignright {
margin-left: @smallGutterWidth;
}
// The quote before the blockquote
&:before {
content: "\201C";
color: rgb(94, 141, 181);
font: 170px @altFontFamily;
position: absolute;
top: -45px;
left: -25px;
opacity: 0.35;
}
// The quote after the blockquote
p:first-of-type:after {
content: "\201E";
color: rgb(94, 141, 181);
font: 70px @altFontFamily;
margin-left: 10px;
position: absolute;
bottom: -10px;
opacity: 0.25;
}
// Hide the quote if there's only one <p>
p:only-of-type:after {
display: none;
}
}
/* Hide the quote for embedded tweets */
.twt-tweet:before {
display: none;
}
/* Pull quotes */
blockquote.pull {
font-size: 19px;
/* Reset styles inherited from 'blockquote' */
background: none;
border: none;
text-shadow: none;
box-shadow: none;
// Aligned pull quotes
&.alignleft {
margin: 0 @smallGutterWidth 0 0;
padding-right: 0;
}
&.alignright {
margin: 0 0 0 @smallGutterWidth;
}
// The pullquote quotes
&:before {
font-size: 120px;
opacity: 0.25;
top: -22px;
left: -12px;
}
&:after,
p:first-of-type:after {
font-size: 56px;
opacity: 0.2;
}
}
Jump to Line
Something went wrong with that request. Please try again.