97 lines
1.6 KiB
SCSS
97 lines
1.6 KiB
SCSS
@charset "UTF-8";
|
|
/*------------------------------------*\
|
|
$QUOTES
|
|
\*------------------------------------*/
|
|
/**
|
|
* If English quotes are set in `_vars.scss`, define them here.
|
|
*/
|
|
@if $english-quotes == true{
|
|
$open-quote: \201C;
|
|
$close-quote: \201D;
|
|
}
|
|
|
|
|
|
/**
|
|
* Big up @boblet: html5doctor.com/blockquote-q-cite
|
|
*/
|
|
|
|
/**
|
|
* Inline quotes.
|
|
*/
|
|
q{
|
|
quotes:"\2018" "\2019" "#{$open-quote}" "#{$close-quote}";
|
|
|
|
&:before{
|
|
content:"\2018";
|
|
content:open-quote;
|
|
}
|
|
&:after{
|
|
content:"\2019";
|
|
content:close-quote;
|
|
}
|
|
|
|
q:before{
|
|
content:"\201C";
|
|
content:open-quote;
|
|
}
|
|
q:after{
|
|
content:"\201D";
|
|
content:close-quote;
|
|
}
|
|
}
|
|
|
|
blockquote{
|
|
quotes:"#{$open-quote}" "#{$close-quote}";
|
|
|
|
p:before{
|
|
content:"#{$open-quote}";
|
|
content:open-quote;
|
|
}
|
|
p:after{
|
|
content:"";
|
|
content:no-close-quote;
|
|
}
|
|
p:last-of-type:after{
|
|
content:"#{$close-quote}";
|
|
content:close-quote;
|
|
}
|
|
|
|
q:before{
|
|
content:"\2018";
|
|
content:open-quote;
|
|
}
|
|
q:after{
|
|
content:"\2019";
|
|
content:close-quote;
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
*
|
|
<blockquote>
|
|
<p>Insanity: doing the same thing over and over again and expecting
|
|
different results.</p>
|
|
<b class=source>Albert Einstein</b>
|
|
</blockquote>
|
|
*
|
|
*/
|
|
blockquote{
|
|
/**
|
|
* .4em is roughly equal to the width of the opening “ that we wish to hang.
|
|
*/
|
|
text-indent:-0.41em;
|
|
|
|
p:last-of-type{
|
|
margin-bottom:0;
|
|
}
|
|
}
|
|
|
|
.source{
|
|
display:block;
|
|
text-indent:0;
|
|
|
|
&:before{
|
|
content:"\2014";
|
|
}
|
|
}
|