From: RafiBomb Date: Thu, 21 Apr 2016 00:08:39 +0000 (-0700) Subject: adds wrapper and spacer to migration guide X-Git-Tag: v2.1.0~6 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=22940e4dac58551adcb58e0741d85d4ca0a1c5e9;p=thirdparty%2Ffoundation%2Ffoundation-emails.git adds wrapper and spacer to migration guide --- diff --git a/docs/pages/migration.md b/docs/pages/migration.md index b34014a6..ef93da83 100644 --- a/docs/pages/migration.md +++ b/docs/pages/migration.md @@ -480,6 +480,28 @@ You can wrap a callout around a `` or the content inside a ``. The menu component can be used to create a simple set of links comonly used in headers, for social icons or in footers. Adding the `.vertical` class will change the orientation. You can even make it vertical on the small breakpoint only with `.small-vertical`. +### Spacer + +#### New Markup (Inky HTML) + +``` + +``` + +The spacer component creates consistant vertical spacing between or inside of elements. The size `size="x"` attribute allows you to set the height in pixels of vertical spacing you need. + +### Wrapper + +#### New Markup (Inky HTML) + +``` + + content here + +``` + +The wrapper component allows you to wrap content to target CSS within it. You can add classes to it so you can easily create a full with background. + ## Dependencies The CSS version works exactly like the one we distributed with Ink 1.0. Check out our [getting started guide](css-guide.html) to learn more. diff --git a/docs/partials/component-list.html b/docs/partials/component-list.html index 59313a8c..fd93f48d 100644 --- a/docs/partials/component-list.html +++ b/docs/partials/component-list.html @@ -26,7 +26,7 @@
  • Global Styles
  • Grid
  • Spacer
    • - +
  • Wrapper
  • Typography
  • Visibility Classes