Replace deprecated util classes.

dev-onenetworkecommerce · Sep 22, 2015 · cdbe841 · cdbe841
1 parent 2fdad77
commit cdbe841
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 24 deletions.
diff --git a/docs/dist/script.js b/docs/dist/script.js
@@ -28963,20 +28963,24 @@
 	        "div",
 	        null,
 	        _react2["default"].createElement(
-	          "h1",
-	          { className: "doc-heading" },
-	          "Helper classes"
-	        ),
-	        _react2["default"].createElement(
-	          "p",
-	          { className: "lead" },
-	          "Utility classes are available for usage. ",
+	          "section",
+	          { className: "doc-bottom-space-large" },
 	          _react2["default"].createElement(
-	            "strong",
-	            null,
-	            "But take note:"
+	            "h1",
+	            { className: "doc-heading" },
+	            "Helper classes"
 	          ),
-	          " Use them sparingly. "
+	          _react2["default"].createElement(
+	            "p",
+	            { className: "lead" },
+	            "Utility classes are available for usage. ",
+	            _react2["default"].createElement(
+	              "strong",
+	              null,
+	              "But take note:"
+	            ),
+	            " Use them sparingly. "
+	          )
 	        ),
 	        _react2["default"].createElement(
 	          "section",
@@ -28993,27 +28997,27 @@
 	          ),
 	          _react2["default"].createElement(
 	            "p",
-	            { className: "text-muted" },
+	            { className: "_text-muted" },
 	            "Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh."
 	          ),
 	          _react2["default"].createElement(
 	            "p",
-	            { className: "text-emerald" },
+	            { className: "_text-emerald" },
 	            "Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh."
 	          ),
 	          _react2["default"].createElement(
 	            "p",
-	            { className: "text-sky" },
+	            { className: "_text-sky" },
 	            "Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh."
 	          ),
 	          _react2["default"].createElement(
 	            "p",
-	            { className: "text-sun" },
+	            { className: "_text-sun" },
 	            "Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh."
 	          ),
 	          _react2["default"].createElement(
 	            "p",
-	            { className: "text-crimson" },
+	            { className: "_text-crimson" },
 	            "Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh."
 	          )
 	        ),

diff --git a/docs/sections/Docs-Utilities/index.jsx b/docs/sections/Docs-Utilities/index.jsx
@@ -4,17 +4,19 @@ export default class Utilities extends React.Component {
   render() {
     return (
       <div>
-        <h1 className="doc-heading">Helper classes</h1>
-        <p className="lead">Utility classes are available for usage. <strong>But take note:</strong> Use them sparingly. </p>
+        <section className="doc-bottom-space-large">
+          <h1 className="doc-heading">Helper classes</h1>
+          <p className="lead">Utility classes are available for usage. <strong>But take note:</strong> Use them sparingly. </p>
+        </section>
 
         <section className="doc-bottom-space-large">
           <h3 className="doc-heading">Contextual classes</h3>
           <p>Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default link styles.</p>
-          <p className="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
-          <p className="text-emerald">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
-          <p className="text-sky">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
-          <p className="text-sun">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
-          <p className="text-crimson">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
+          <p className="_text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
+          <p className="_text-emerald">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
+          <p className="_text-sky">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
+          <p className="_text-sun">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
+          <p className="_text-crimson">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
         </section>
 
         <section className="doc-bottom-space-large">