update(docs): Customize CSS for Checkbox layout improvements

ThomasBurleson · ThomasBurleson · commit 953349e2dc07 · 2015-08-05T21:37:44.000-05:00
diff --git a/docs/content/CSS/checkbox.md b/docs/content/CSS/checkbox.md
@@ -2,27 +2,28 @@
 @name checkbox
 @description
 
-### CSS Styles
+<h2>  CSS Styles</h2>
 
 The css decalaration of the `<md-checkbox>` component is:
- 
- <hljs lang="css">
+
+<hljs lang="css">
  md-checkbox {
    margin: 8px;
    cursor: pointer;
    padding-left: 18px;
    padding-right: 0;
    line-height: 26px;
    min-width: 18px;
-   min-height: 18px; 
+   min-height: 18px;
  }
- </hljs>
- 
-#### Ink color
+</hljs>
 
-![greencheckbox](https://cloud.githubusercontent.com/assets/1292882/8035909/b2130da0-0dfc-11e5-932f-4424d3b46d5b.PNG)
+<br/>
+<h3> Ink color</h3>
 
-In order to change the color when the checkbox is checked:
+<p>In order to change the color when the checkbox is checked:</p>
+
+![greencheckbox](https://cloud.githubusercontent.com/assets/1292882/8035909/b2130da0-0dfc-11e5-932f-4424d3b46d5b.PNG)
 
 <hljs lang="html">
 <md-checkbox class="green">
@@ -37,12 +38,13 @@ In order to change the color when the checkbox is checked:
  </hljs>
 
 
-#### Disabled 
+<br/>
+<h3> Disabled</h3>
 
-In order to change the color when a disabled checkbox is checked:
+<p>In order to change the color when a disabled checkbox is checked:</p>
 
 ![checkboxdisabledred](https://cloud.githubusercontent.com/assets/1292882/8036177/dc941a86-0dfe-11e5-8892-ac19ec6926fe.PNG)
-
+<br/>
 
 <hljs lang="html">
 <md-checkbox ng-disabled="true" class="red" ng-model="data.cb4" ng-init="data.cb4=true">
@@ -56,12 +58,13 @@ md-checkbox.md-checked[disabled].red .md-icon {
 }
  </hljs>
 
-#### Borders
-In order to add a custom border do the following:
+<br/>
+<h3>  Borders</h3>
+<p>In order to add a custom border do the following:</p>
 
 ![checkboxcustomborder](https://cloud.githubusercontent.com/assets/1292882/8037214/388dd40c-0e05-11e5-82a7-4bfa2541e968.PNG)
 
-
+<br/><br/>
 <hljs lang="html">
  <div>
   <md-checkbox ng-model="data.cb2" aria-label="Checkbox 2" ng-true-value="'yup'" ng-false-value="'nope'">
@@ -83,16 +86,11 @@ md-checkbox.dotted .md-icon {
 
 
 
-#### Bi-Di
+<br/>
+<h3> Bi-Di </h3>
 
-The mdCheckbox directive supports bi-directional specifiers in the `<html>` tag:
+The mdCheckbox directive supports bi-directional specifiers in the `<html dir="rtl">` tag:
 
 ![checkboxrtl](https://cloud.githubusercontent.com/assets/1292882/8036091/fb40bcf6-0dfd-11e5-8319-25e68939d1a3.PNG)
 
 
-<hljs lang="html">
-<html dir="rtl">
-</hljs>
-
-
-
