From 9baa5503a48f6665bc5308e49da707fc60724c83 Mon Sep 17 00:00:00 2001 From: Kevin Ball Date: Wed, 9 Mar 2016 12:13:32 -0800 Subject: [PATCH] Update to make centered images work --- docs/pages/alignment.md | 2 +- scss/components/_alignment.scss | 2 +- testing/src/pages/center.html | 17 +++++++++++++++++ 3 files changed, 19 insertions(+), 2 deletions(-) create mode 100644 testing/src/pages/center.html 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 <center> 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 <center> 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 @@ + + + +
+

I should be centered

+
+ + + + +
+ +
+ + + + -- 2.47.2