From: Kevin Ball <kmball11@gmail.com>
Date: Wed, 9 Mar 2016 20:13:32 +0000 (-0800)
Subject: Update to make centered images work
X-Git-Tag: v2.0.0-rc.4~59^2^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F225%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

Update to make centered images work
---

diff --git a/docs/pages/alignment.md b/docs/pages/alignment.md
index 7f71a4e3..03c05e05 100644
--- a/docs/pages/alignment.md
+++ b/docs/pages/alignment.md
@@ -4,4 +4,4 @@ description: Centering made easy.
 sass: scss/components/_alignment.scss
 ---
 
-Just add the class center any element and you’ll be good to go. Inky will handle the magic behind the scenes! In the regular old CSS version, you’d have to fiddle with adding a “.center” class and a <code>&lt;center&gt;</code> tag to make sure things are centered. Now you just just need to add the class and move on ahead!
+Just add the class center any element and you’ll be good to go. Inky will handle the magic behind the scenes! In the regular old CSS version, you’d have to fiddle with adding a “.text-center” class and a <code>&lt;center&gt;</code> tag to make sure things are centered. Now you just just need to add the class and move on ahead!
diff --git a/scss/components/_alignment.scss b/scss/components/_alignment.scss
index 7ce092ef..01ac6809 100755
--- a/scss/components/_alignment.scss
+++ b/scss/components/_alignment.scss
@@ -56,7 +56,7 @@ img.float-right {
   text-align: right;
 }
 
-img.float-center {
+img.float-center, img.text-center {
   margin: 0 auto;
   float: none;
   text-align: center;
diff --git a/testing/src/pages/center.html b/testing/src/pages/center.html
new file mode 100644
index 00000000..d67bac6a
--- /dev/null
+++ b/testing/src/pages/center.html
@@ -0,0 +1,17 @@
+<container>
+  <row>
+    <columns small="12" large="12" class="text-center">
+      <center>
+        <p class="text-center">I should be centered</p>
+      </center>
+    </columns>
+  </row>
+  <row>
+    <columns small="12" large="12" class="text-center">
+      <center>
+        <img src="http://placehold.it/200x150">
+      </center>
+    </columns>
+  </row>
+</container>
+