diff --git a/src/text.scss b/src/text.scss index 03950f7..255c194 100644 --- a/src/text.scss +++ b/src/text.scss @@ -8,10 +8,9 @@ p { blockquote { position: relative; font-family: 'Alegreya', serif; - margin: 1rem; + margin: 2rem 1rem; padding: 1rem; background-color: palette.$standout; - // border-left: .3rem solid palette.$primary; box-shadow: .5rem .5rem 0 0 palette.$grey200; &::before { @@ -22,10 +21,22 @@ blockquote { position: absolute; top: -.75rem; left: -.75rem; + height: 2rem; + width: 2rem; border-radius: 100%; color: palette.$text; background-color: palette.$primary; - height: 2rem; - width: 2rem; + } + + &[cite] { + margin-bottom: 3rem; + + &::after { + content: '– ' attr(cite); + position: absolute; + bottom: -2.5rem; + right: 3rem; + color: palette.$grey600; + } } } \ No newline at end of file diff --git a/web/pages/text.njk b/web/pages/text.njk index 50a91ae..2529150 100644 --- a/web/pages/text.njk +++ b/web/pages/text.njk @@ -15,6 +15,9 @@
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga facere, ullam repudiandae perferendis facilis voluptatibus dolores sequi quam nihil harum veritatis rerum, molestias voluptates enim dolorum? Provident officia qui voluptatum.
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga facere, ullam repudiandae perferendis facilis voluptatibus dolores sequi quam nihil harum veritatis rerum, molestias voluptates enim dolorum? Provident officia qui voluptatum. +