From e0816c8daceb55d3d6e4432840ea11e59c05a325 Mon Sep 17 00:00:00 2001 From: Strand Date: Thu, 15 Mar 2012 17:40:36 -0700 Subject: first attempt at adding pullquotes to Slash theme. --- sass/_base.scss | 1 + sass/base/_typography.scss | 26 ++++++++++++++++++++++++++ 2 files changed, 27 insertions(+) create mode 100644 sass/base/_typography.scss diff --git a/sass/_base.scss b/sass/_base.scss index dfb3b40..77f309c 100644 --- a/sass/_base.scss +++ b/sass/_base.scss @@ -1,4 +1,5 @@ @import "base/color"; @import "base/font"; @import "base/layout"; +@import "base/typography"; @import "base/utilities"; \ No newline at end of file diff --git a/sass/base/_typography.scss b/sass/base/_typography.scss new file mode 100644 index 0000000..57f5e1f --- /dev/null +++ b/sass/base/_typography.scss @@ -0,0 +1,26 @@ +.pullquote-right:before, +.pullquote-left:before { + /* 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; +} + +.pullquote-left:before { + /* Make left pullquotes align properly. */ + float: left; + margin: .5em 1.5em 1em 0; +} \ No newline at end of file -- cgit v1.1-2-g2b99