Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit 8878ca7

Browse files
committed
feat(switch): add focus styles
1 parent 7841d67 commit 8878ca7

1 file changed

Lines changed: 7 additions & 4 deletions

File tree

src/components/switch/_switch.scss

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
material-switch {
22
display: block;
33
position: relative;
4-
height: $baseline-grid * 4;
4+
height: $baseline-grid * 3;
5+
margin: $baseline-grid;
56

6-
*{
7-
outline: none !important;
8-
}
7+
@include flex-display();
8+
@include flex-align-items(center);
99

1010
.material-switch-bar {
1111
position: absolute;
@@ -34,6 +34,9 @@ material-switch {
3434
@include transform-translate3d($switch-width - 16,0,0);
3535
}
3636

37+
&:focus .material-label {
38+
border: 1px dotted black;
39+
}
3740
.material-label {
3841
margin-left: $baseline-grid * 7;
3942
}

0 commit comments

Comments
 (0)