From: Nicolas Coden <nicolas@ncoden.fr>
Date: Tue, 26 Dec 2017 21:42:03 +0000 (+0100)
Subject: docs: add docs about the `cite-block` component
X-Git-Tag: v6.6.0~3^2~333^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d5efb6f4e5e033e6ecfab1d280c2fd96d95298b3;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

docs: add docs about the `cite-block` component
---

diff --git a/docs/pages/typography-base.md b/docs/pages/typography-base.md
index 84e761e7c..1e1e7b22d 100644
--- a/docs/pages/typography-base.md
+++ b/docs/pages/typography-base.md
@@ -261,6 +261,10 @@ A definition list (`<dl>`) is used to display name-value pairs, like metadata or
 
 Sometimes other people say smart things, and you may want to mention those things with a quote. We've got you covered.
 
+<div class="callout">
+  By default, `<cite>` takes the look of the `.cite-block` component. In Sass, you can customize it with <a href="#sass-variables">`$cite-*` variables</a> or disable it by setting `$enable-cite-block` to false.
+</div>
+
 <div class="docs-codepen-container">
 <a class="codepen-logo-link" href="https://codepen.io/ZURBFoundation/pen/ZKoJMb" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>