Center text for alert -block.

Resolves #172.
dev-onenetworkecommerce · Nov 18, 2015 · 500e927 · 500e927
1 parent f560e12
commit 500e927
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/docs/dist/script.js b/docs/dist/script.js
@@ -27387,7 +27387,7 @@
 	          _react2["default"].createElement(
 	            "p",
 	            null,
-	            "Use as a container for a form element."
+	            "Used as a container for a form element."
 	          ),
 	          _react2["default"].createElement(
 	            "section",
@@ -27999,7 +27999,7 @@
 	          _react2["default"].createElement(
 	            "p",
 	            null,
-	            "Useful when you'd like to use the whole space without the border and radius. Simply apply the .-block class."
+	            "Useful when you'd like to use a more emphasized alert (for example, growl)."
 	          ),
 	          _react2["default"].createElement(
 	            "div",

diff --git a/docs/dist/style.css b/docs/dist/style.css
diff --git a/docs/sections/Docs-Alerts/index.jsx b/docs/sections/Docs-Alerts/index.jsx
@@ -29,7 +29,7 @@ export default class Alerts extends React.Component {
 
         <section className="doc-bottom-space-large">
           <h3 className="doc-heading">Example: Block</h3>
-          <p>Useful when you'd like to use the whole space without the border and radius. Simply apply the .-block class.</p>
+          <p>Useful when you'd like to use a more emphasized alert (for example, growl).</p>
           <div className="alert -emerald -block">
             Oh snap! Change a few things up and try this submitting again.
           </div>

diff --git a/styles/components/_alert.scss b/styles/components/_alert.scss
@@ -25,6 +25,7 @@
   }
 
   &.-block {
+    text-align: center;
     border: 0;
     border-radius: 0;
   }