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;
  }