From b45c3ea6479e5129f13ab2100b7fffe984c5a935 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Sun, 1 Sep 2013 11:20:58 +0200
Subject: fixes #10164: Document .center-block mixin and update CSS to include
 it as a class as well

---
 css.html | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

(limited to 'css.html')

diff --git a/css.html b/css.html
index 0188331fb..99283f2f9 100644
--- a/css.html
+++ b/css.html
@@ -2254,6 +2254,27 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
     </div>
 
 
+    <h3 id="helper-classes-center">Center content blocks</h3>
+    <p>Set an element to <code>display: block</code> and center via <code>margin</code>. Available as a mixin and class.</p>
+{% highlight html %}
+<div class="center-block">...</div>
+{% endhighlight %}
+{% highlight css %}
+// Classes
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Usage as mixins
+.element {
+  .center-block();
+}
+{% endhighlight %}
+
+
+
     <h3 id="helper-classes-clearfix">Clearfix</h3>
     <p>Clear the <code>float</code> on any element with the <code>.clearfix</code> class. Utilizes <a href="http://nicolasgallagher.com/micro-clearfix-hack/">the micro clearfix</a> as popularized by Nicolas Gallagher. Can also be used as a mixin.</p>
 {% highlight html %}
-- 
cgit v1.2.3