33 lines
716 B
CSS
33 lines
716 B
CSS
|
/*
|
||
|
|
||
|
OUTLINES
|
||
|
|
||
|
Media Query Extensions:
|
||
|
-ns = not-small
|
||
|
-m = medium
|
||
|
-l = large
|
||
|
|
||
|
*/
|
||
|
|
||
|
.outline { outline: 1px solid; }
|
||
|
.outline-transparent { outline: 1px solid transparent; }
|
||
|
.outline-0 { outline: 0; }
|
||
|
|
||
|
@media (--breakpoint-not-small) {
|
||
|
.outline-ns { outline: 1px solid; }
|
||
|
.outline-transparent-ns { outline: 1px solid transparent; }
|
||
|
.outline-0-ns { outline: 0; }
|
||
|
}
|
||
|
|
||
|
@media (--breakpoint-medium) {
|
||
|
.outline-m { outline: 1px solid; }
|
||
|
.outline-transparent-m { outline: 1px solid transparent; }
|
||
|
.outline-0-m { outline: 0; }
|
||
|
}
|
||
|
|
||
|
@media (--breakpoint-large) {
|
||
|
.outline-l { outline: 1px solid; }
|
||
|
.outline-transparent-l { outline: 1px solid transparent; }
|
||
|
.outline-0-l { outline: 0; }
|
||
|
}
|