From: RafiBomb Date: Mon, 15 May 2017 03:47:50 +0000 (-0700) Subject: adds callout links and vid times X-Git-Tag: v6.4.0-rc1~46^2~32 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2ac1d05fbc5a21247b77bf35d1353885d8718b13;p=thirdparty%2Ffoundation%2Ffoundation-sites.git adds callout links and vid times --- diff --git a/docs/pages/callout.md b/docs/pages/callout.md index c75f241d6..476804148 100644 --- a/docs/pages/callout.md +++ b/docs/pages/callout.md @@ -12,6 +12,12 @@ tags: A callout is just an element with a `.callout` class applied. You can put any kind of content inside. +
+ Watch this part in video + + edit on codepen button +
+ ```html_example
This is a callout.
@@ -26,6 +32,12 @@ A callout is just an element with a `.callout` class applied. You can put any ki Callouts can be colored using the `.secondary`, `.primary`, `.success`, `.warning`, or `.alert` classes. Links inside the callout will be tinted to match the color of the callout. +
+ Watch this part in video + + edit on codepen button +
+ ```html
This is a secondary callout
@@ -70,6 +82,8 @@ Callouts can be colored using the `.secondary`, `.primary`, `.success`, `.warnin Callouts can be sized using the `.small` and `.large` classes. These will affect the padding around content to be smaller and larger respectively. +edit on codepen button + ```html_example
This is a small callout
@@ -95,6 +109,12 @@ Pair the callout with the [close button](close-button.html) component and `data-

When using the data-closable attribute, you can optionally add Motion UI classes to the attribute to change the closing animation. If no class is added, the plugin defaults to jQuery's .fadeOut() function.

+
+ Watch this part in video + + edit on codepen button +
+ ```html_example
This is Important!