UNPKG

716 BCSSView Raw
1/*
2
3 OUTLINES
4
5 Media Query Extensions:
6 -ns = not-small
7 -m = medium
8 -l = large
9
10*/
11
12.outline { outline: 1px solid; }
13.outline-transparent { outline: 1px solid transparent; }
14.outline-0 { outline: 0; }
15
16@media (--breakpoint-not-small) {
17 .outline-ns { outline: 1px solid; }
18 .outline-transparent-ns { outline: 1px solid transparent; }
19 .outline-0-ns { outline: 0; }
20}
21
22@media (--breakpoint-medium) {
23 .outline-m { outline: 1px solid; }
24 .outline-transparent-m { outline: 1px solid transparent; }
25 .outline-0-m { outline: 0; }
26}
27
28@media (--breakpoint-large) {
29 .outline-l { outline: 1px solid; }
30 .outline-transparent-l { outline: 1px solid transparent; }
31 .outline-0-l { outline: 0; }
32}