fix(checkbox): update to grid units, demo cleanup

angular · Apr 13, 2015 · bc1c4e0 · bc1c4e0
1 parent 3c0fed9
commit bc1c4e0
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 8 deletions.
diff --git a/src/components/checkbox/checkbox.scss b/src/components/checkbox/checkbox.scss
@@ -1,10 +1,11 @@
 $checkbox-width: 18px !default;
 $checkbox-height: $checkbox-width !default;
+$checkbox-margin: 8px !default;
 
 md-checkbox {
   box-sizing: border-box;
   display: block;
-  margin: 15px;
+  margin: $checkbox-margin;
   white-space: nowrap;
   cursor: pointer;
   outline: none;

diff --git a/src/components/checkbox/demoBasicUsage/index.html b/src/components/checkbox/demoBasicUsage/index.html
@@ -1,5 +1,5 @@
 
-<div ng-controller="AppCtrl" layout-padding >
+<div ng-controller="AppCtrl" layout-padding>
   <p> Using ngModel: </p>
   <div>
     <md-checkbox ng-model="data.cb1" aria-label="Checkbox 1">

diff --git a/src/components/checkbox/demoBasicUsage/style.css b/src/components/checkbox/demoBasicUsage/style.css
@@ -4,3 +4,6 @@
 .checkboxDemo1 md-checkbox {
   float: left;
 }
+p {
+  padding-left: 8px;
+}
diff --git a/src/components/checkbox/demoSyncing/index.html b/src/components/checkbox/demoSyncing/index.html
@@ -1,4 +1,4 @@
-<div ng-controller="AppCtrl" layout-padding >
+<div ng-controller="AppCtrl" layout-padding>
   <p> Using ngChecked: </p>
 
   <div layout="row" layout-padding>

diff --git a/src/components/checkbox/demoSyncing/style.css b/src/components/checkbox/demoSyncing/style.css
@@ -6,21 +6,22 @@
 }
 
 legend {
-  color : #0000ba;
+  color: #0000ba;
 }
 
 p {
-  padding-left : 10px;
+  padding-left: 8px;
 }
 
 .info {
-  padding-left:13px;
+  padding-left: 13px;
 }
 
 div.standard {
-  padding:10px;  padding-left:15px;
+  padding: 8px;
+  padding-left: 15px;
 }
 
 fieldset.standard {
-  margin-left:10px;
+  margin-left: 10px;
 }