Skip to content

Commit 31a5f60

Browse files
committed
style: Outline style for demo
1 parent fb1e184 commit 31a5f60

File tree

1 file changed

+19
-0
lines changed

1 file changed

+19
-0
lines changed

demo/src/App.vue

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,4 +28,23 @@ export default {
2828
color: #2c3e50;
2929
margin-top: 60px;
3030
}
31+
32+
[tabindex]:not([tabindex="-1"]), a, button, input, select, textarea {
33+
position: relative;
34+
z-index: 2;
35+
outline-width: 3px !important;
36+
outline-style: dotted !important;
37+
outline-color: transparent !important;
38+
outline-offset: 6px;
39+
transition: outline-offset .1s ease;
40+
}
41+
42+
*:focus {
43+
outline-color: #333 !important;
44+
outline-offset: 2px;
45+
}
46+
47+
[tabindex="-1"] {
48+
outline: 0 !important;
49+
}
3150
</style>

0 commit comments

Comments
 (0)