UNPKG

998 BCSSView Raw
1/*
2
3 VISIBILITY
4
5 Media Query Extensions:
6 -ns = not-small
7 -m = medium
8 -l = large
9
10*/
11
12
13/*
14 Text that is hidden but accessible
15 Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
16*/
17
18.clip {
19 position: fixed !important;
20 _position: absolute !important;
21 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
22 clip: rect(1px, 1px, 1px, 1px);
23}
24
25@media (--breakpoint-not-small) {
26 .clip-ns {
27 position: fixed !important;
28 _position: absolute !important;
29 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
30 clip: rect(1px, 1px, 1px, 1px);
31 }
32}
33
34@media (--breakpoint-medium) {
35 .clip-m {
36 position: fixed !important;
37 _position: absolute !important;
38 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
39 clip: rect(1px, 1px, 1px, 1px);
40 }
41}
42
43@media (--breakpoint-large) {
44 .clip-l {
45 position: fixed !important;
46 _position: absolute !important;
47 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
48 clip: rect(1px, 1px, 1px, 1px);
49 }
50}
51