feat(switch): add focus styles

angular · Aug 28, 2014 · 8878ca7 · 8878ca7 · marcysutton · Aug 28, 2014
1 parent 7841d67
commit 8878ca7
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/switch/_switch.scss b/src/components/switch/_switch.scss
@@ -1,11 +1,11 @@
 material-switch {
   display: block;
   position: relative;
-  height: $baseline-grid * 4;
+  height: $baseline-grid * 3;
+  margin: $baseline-grid;
 
-  *{
-    outline: none !important;
-  }
+  @include flex-display();
+  @include flex-align-items(center);
 
   .material-switch-bar {
     position: absolute;
@@ -34,6 +34,9 @@ material-switch {
       @include transform-translate3d($switch-width - 16,0,0);
     }
 
+    &:focus .material-label {
+      border: 1px dotted black;
+    }
     .material-label {
       margin-left: $baseline-grid * 7;
     }