Skip to content

Commit 704f158

Browse files
committed
feat(with-without): attempt toggle outline removal on hover-capable devices
1 parent 3992a43 commit 704f158

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

packages/with-without/wwo-toggle/wwo-toggle.scss

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,27 @@ $shadow-sm: 1px;
4646
width: calc(#{$wwo-toggle-width}*0.5);
4747
}
4848

49+
@media (hover: hover) {
50+
&,
51+
&:focus,
52+
&::selection,
53+
&:active,
54+
&:checked {
55+
border-color: transparent;
56+
box-shadow: none;
57+
outline: none;
58+
}
59+
}
60+
61+
@media (hover: none) {
62+
&:focus,
63+
&::selection {
64+
border-color: transparent;
65+
box-shadow: none;
66+
outline: 1px;
67+
}
68+
}
69+
4970
.wwo-toggle__item:last-of-type & {
5071
transform-origin: 100% 100%;
5172
}

0 commit comments

Comments
 (0)