add blockquote small code

3 files changed, 8 insertions, 0 deletions

diff --git a/demo/index.html b/demo/index.html
index b542766..8ea3f8d 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -29,6 +29,7 @@
             <blockquote>
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+                <small>- Source</small>
             </blockquote>
 
             <header class="text-center"><h4>lists</h4></header>
diff --git a/dist/spectre.css b/dist/spectre.css
index 3e1f1b4..b30184f 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -441,6 +441,9 @@ blockquote {
 blockquote p:last-child {
   margin-bottom: 0;
 }
+blockquote small {
+  color: #b3b3b3;
+}
 ul,
 ol {
   margin: 0 0 1rem;
diff --git a/src/typography.less b/src/typography.less
index d9d4b39..65320a7 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -43,6 +43,10 @@ blockquote {
   p:last-child {
     margin-bottom: 0;
   }
+
+  small {
+    color: lighten(@body-font-color, 50%);
+  }
 }
 ul,
 ol {