UNPKG

style-forge.media

Version:

Style-Forge.Media: comprehensive CSS media query helpers for responsive web design.

style-forge.github.io/media/

Style-Forge/media

100 lines (85 loc) • 8.33 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
@media only screen and (max-width: 600px) { .\@mob\:y\:c, .d\:f\:y.\@mob\:x\:c .\@mob\:d\:f\:y.\@mob\:x\:c { align-content: center } .\@mob\:y\:c\:b, .d\:f\:y.\@mob\:x\:c\:b, .\@mob\:d\:f\:y.\@mob\:x\:c\:b { align-content: baseline } .\@mob\:y\:c\:n, .d\:f\:y.\@mob\:x\:c\:n, .\@mob\:d\:f\:y.\@mob\:x\:c\:n { align-content: normal } .\@mob\:y\:c\:e, .d\:f\:y.\@mob\:x\:c\:e, .\@mob\:d\:f\:y.\@mob\:x\:c\:e { align-content: end } .\@mob\:y\:c\:s, .d\:f\:y.\@mob\:x\:c\:s, .\@mob\:d\:f\:y.\@mob\:x\:c\:s { align-content: start } .\@mob\:y\:c\:sa, .d\:f\:y.\@mob\:x\:c\:sa, .\@mob\:d\:f\:y.\@mob\:x\:c\:sa { align-content: space-around } .\@mob\:y\:c\:sb, .d\:f\:y.\@mob\:x\:c\:sb, .\@mob\:d\:f\:y.\@mob\:x\:c\:sb { align-content: space-between } .\@mob\:y\:c\:se, .d\:f\:y.\@mob\:x\:c\:se, .\@mob\:d\:f\:y.\@mob\:x\:c\:se { align-content: space-evenly } .\@mob\:y\:i, .d\:f\:y.\@mob\:x\:i, .\@mob\:d\:f\:y.\@mob\:x\:i { align-items: center } .\@mob\:y\:i\:b, .d\:f\:y.\@mob\:x\:i\:b, .\@mob\:d\:f\:y.\@mob\:x\:i\:b { align-items: baseline } .\@mob\:y\:i\:e, .d\:f\:y.\@mob\:x\:i\:e, .\@mob\:d\:f\:y.\@mob\:x\:i\:e { align-items: end } .\@mob\:y\:i\:s, .d\:f\:y.\@mob\:x\:i\:s, .\@mob\:d\:f\:y.\@mob\:x\:i\:s { align-items: start } .\@mob\:y\:i\:st, .d\:f\:y.\@mob\:x\:i\:st, .\@mob\:d\:f\:y.\@mob\:x\:i\:st { align-items: stretch } .\@mob\:y\:s, .d\:f\:y.\@mob\:x\:s, .\@mob\:d\:f\:y.\@mob\:x\:s { align-self: center } .\@mob\:y\:s\:a, .d\:f\:y.\@mob\:x\:s\:a, .\@mob\:d\:f\:y.\@mob\:x\:s\:a { align-self: auto } .\@mob\:y\:s\:n, .d\:f\:y.\@mob\:x\:s\:n, .\@mob\:d\:f\:y.\@mob\:x\:s\:n { align-self: normal } .\@mob\:y\:s\:b, .d\:f\:y.\@mob\:x\:s\:b, .\@mob\:d\:f\:y.\@mob\:x\:s\:b { align-self: baseline } .\@mob\:y\:s\:e, .d\:f\:y.\@mob\:x\:s\:e, .\@mob\:d\:f\:y.\@mob\:x\:s\:e { align-self: end } .\@mob\:y\:s\:s, .d\:f\:y.\@mob\:x\:s\:s, .\@mob\:d\:f\:y.\@mob\:x\:s\:s { align-self: start } .\@mob\:y\:s\:st, .d\:f\:y.\@mob\:x\:s\:st, .\@mob\:d\:f\:y.\@mob\:x\:s\:st { align-self: stretch } .\@mob\:x\:c, .d\:f\:y.\@mob\:y\:c, .\@mob\:d\:f\:y.\@mob\:y\:c { justify-content: center } .\@mob\:x\:c\:n, .d\:f\:y.\@mob\:y\:c\:n, .\@mob\:d\:f\:y.\@mob\:y\:c\:n { justify-content: normal } .\@mob\:x\:c\:e, .d\:f\:y.\@mob\:y\:c\:e, .\@mob\:d\:f\:y.\@mob\:y\:c\:e { justify-content: end } .\@mob\:x\:c\:s, .d\:f\:y.\@mob\:y\:c\:s, .\@mob\:d\:f\:y.\@mob\:y\:c\:s { justify-content: start } .\@mob\:x\:c\:sa, .d\:f\:y.\@mob\:y\:c\:sa, .\@mob\:d\:f\:y.\@mob\:y\:c\:sa { justify-content: space-around } .\@mob\:x\:c\:sb, .d\:f\:y.\@mob\:y\:c\:sb, .\@mob\:d\:f\:y.\@mob\:y\:c\:sb { justify-content: space-between } .\@mob\:x\:c\:se, .d\:f\:y.\@mob\:y\:c\:se, .\@mob\:d\:f\:y.\@mob\:y\:c\:se { justify-content: space-evenly } .\@mob\:x\:i, .d\:f\:y.\@mob\:y\:i, .\@mob\:d\:f\:y.\@mob\:y\:i { justify-items: center } .\@mob\:x\:i\:b, .d\:f\:y.\@mob\:y\:i\:b, .\@mob\:d\:f\:y.\@mob\:y\:i\:b { justify-items: baseline } .\@mob\:x\:i\:e, .d\:f\:y.\@mob\:y\:i\:e, .\@mob\:d\:f\:y.\@mob\:y\:i\:e { justify-items: end } .\@mob\:x\:i\:s, .d\:f\:y.\@mob\:y\:i\:s, .\@mob\:d\:f\:y.\@mob\:y\:i\:s { justify-items: start } .\@mob\:x\:i\:st, .d\:f\:y.\@mob\:y\:i\:st, .\@mob\:d\:f\:y.\@mob\:y\:i\:st { justify-items: stretch } .\@mob\:x\:s, .d\:f\:y.\@mob\:y\:s, .\@mob\:d\:f\:y.\@mob\:y\:s { justify-self: center } .\@mob\:x\:s\:a, .d\:f\:y.\@mob\:y\:s\:a, .\@mob\:d\:f\:y.\@mob\:y\:s\:a { justify-self: auto } .\@mob\:x\:s\:n, .d\:f\:y.\@mob\:y\:s\:n, .\@mob\:d\:f\:y.\@mob\:y\:s\:n { justify-self: normal } .\@mob\:x\:s\:b, .d\:f\:y.\@mob\:y\:s\:b, .\@mob\:d\:f\:y.\@mob\:y\:s\:b { justify-self: baseline } .\@mob\:x\:s\:e, .d\:f\:y.\@mob\:y\:s\:e, .\@mob\:d\:f\:y.\@mob\:y\:s\:e { justify-self: end } .\@mob\:x\:s\:s, .d\:f\:y.\@mob\:y\:s\:s, .\@mob\:d\:f\:y.\@mob\:y\:s\:s { justify-self: start } .\@mob\:x\:s\:st, .d\:f\:y.\@mob\:y\:s\:st, .\@mob\:d\:f\:y.\@mob\:y\:s\:st { justify-self: stretch } /* /// */ html.xy .\@mob\:y\:c\:e, html.xy .d\:f\:y.\@mob\:x\:c\:e, html.xy .\@mob\:d\:f\:y.\@mob\:x\:c\:e { align-content: flex-end } html.xy .\@mob\:y\:c\:s, html.xy .d\:f\:y.\@mob\:x\:c\:s, html.xy .\@mob\:d\:f\:y.\@mob\:x\:c\:s { align-content: flex-start } html.xy .\@mob\:y\:i\:e, html.xy .d\:f\:y.\@mob\:x\:i\:e, html.xy .\@mob\:d\:f\:y.\@mob\:x\:i\:e { align-items: flex-end } html.xy .\@mob\:y\:i\:s, html.xy .d\:f\:y.\@mob\:x\:i\:s, html.xy .\@mob\:d\:f\:y.\@mob\:x\:i\:s { align-items: flex-start } html.xy .\@mob\:y\:s\:e, html.xy .d\:f\:y.\@mob\:x\:s\:e, html.xy .\@mob\:d\:f\:y.\@mob\:x\:s\:e { align-self: flex-end } html.xy .\@mob\:y\:s\:s, html.xy .d\:f\:y.\@mob\:x\:s\:s, html.xy .\@mob\:d\:f\:y.\@mob\:x\:s\:s { align-self: flex-start } html.xy .\@mob\:x\:c\:e, html.xy .d\:f\:y.\@mob\:y\:c\:e, html.xy .\@mob\:d\:f\:y.\@mob\:y\:c\:e { justify-content: flex-end } html.xy .\@mob\:x\:c\:s, html.xy .d\:f\:y.\@mob\:y\:c\:s, html.xy .\@mob\:d\:f\:y.\@mob\:y\:c\:s { justify-content: flex-start } html.xy .\@mob\:x\:i\:e, html.xy .d\:f\:y.\@mob\:y\:i\:e, html.xy .\@mob\:d\:f\:y.\@mob\:y\:i\:e { justify-items: flex-end } html.xy .\@mob\:x\:i\:s, html.xy .d\:f\:y.\@mob\:y\:i\:s, html.xy .\@mob\:d\:f\:y.\@mob\:y\:i\:s { justify-items: flex-start } html.xy .\@mob\:x\:s\:e, html.xy .d\:f\:y.\@mob\:y\:s\:e, html.xy .\@mob\:d\:f\:y.\@mob\:y\:s\:e { justify-self: flex-end } html.xy .\@mob\:x\:s\:s, html.xy .d\:f\:y.\@mob\:y\:s\:s, html.xy .\@mob\:d\:f\:y.\@mob\:y\:s\:s { justify-self: flex-start } html.flex .\@mob\:y\:c > *, html.flex .d\:f\:y.\@mob\:x\:c > *, html.flex .\@mob\:d\:f\:y.\@mob\:x\:c > *, html.flex .\@mob\:y\:i > *, html.flex .d\:f\:y.\@mob\:x\:i > *, html.flex .\@mob\:d\:f\:y.\@mob\:x\:i > *, html.flex .\@mob\:y\:s > *, html.flex .d\:f\:y.\@mob\:x\:s > *, html.flex .\@mob\:d\:f\:y.\@mob\:x\:s > * { vertical-align: middle } html.flex .\@mob\:y\:c\:s > *, html.flex .d\:f\:y.\@mob\:x\:c\:s > *, html.flex .\@mob\:d\:f\:y.\@mob\:x\:c\:s > *, html.flex .\@mob\:y\:i\:s > *, html.flex .d\:f\:y.\@mob\:x\:i\:s > *, html.flex .\@mob\:d\:f\:y.\@mob\:x\:i\:s > *, html.flex .\@mob\:y\:s\:s > *, html.flex .d\:f\:y.\@mob\:x\:s\:s > *, html.flex .\@mob\:d\:f\:y.\@mob\:x\:s\:s > * { vertical-align: top } html.flex .\@mob\:y\:c\:e > *, html.flex .d\:f\:y.\@mob\:x\:c\:e > *, html.flex .\@mob\:d\:f\:y.\@mob\:x\:c\:e > *, html.flex .\@mob\:y\:i\:e > *, html.flex .d\:f\:y.\@mob\:x\:i\:e > *, html.flex .\@mob\:d\:f\:y.\@mob\:x\:i\:e > *, html.flex .\@mob\:y\:s\:e > *, html.flex .d\:f\:y.\@mob\:x\:s\:e > *, html.flex .\@mob\:d\:f\:y.\@mob\:x\:s\:e > * { vertical-align: bottom } html.flex .\@mob\:x\:c, html.flex .d\:f\:y.\@mob\:y\:c, html.flex .\@mob\:d\:f\:y.\@mob\:y\:c, html.flex .\@mob\:x\:i, html.flex .d\:f\:y.\@mob\:y\:i, html.flex .\@mob\:d\:f\:y.\@mob\:y\:i, html.flex .\@mob\:x\:s, html.flex .d\:f\:y.\@mob\:y\:s, html.flex .\@mob\:d\:f\:y.\@mob\:y\:s { text-align: center } html.flex .\@mob\:x\:c\:s, html.flex .d\:f\:y.\@mob\:y\:c\:s, html.flex .\@mob\:d\:f\:y.\@mob\:y\:c\:s, html.flex .\@mob\:x\:i\:s, html.flex .d\:f\:y.\@mob\:y\:i\:s, html.flex .\@mob\:d\:f\:y.\@mob\:y\:i\:s, html.flex .\@mob\:x\:s\:s, html.flex .d\:f\:y.\@mob\:y\:s\:s, html.flex .\@mob\:d\:f\:y.\@mob\:y\:s\:s { text-align: left } html.flex .\@mob\:x\:c\:e, html.flex .d\:f\:y.\@mob\:y\:c\:e, html.flex .\@mob\:d\:f\:y.\@mob\:y\:c\:e, html.flex .\@mob\:x\:i\:e, html.flex .d\:f\:y.\@mob\:y\:i\:e, html.flex .\@mob\:d\:f\:y.\@mob\:y\:i\:e, html.flex .\@mob\:x\:s\:e, html.flex .d\:f\:y.\@mob\:y\:s\:e, html.flex .\@mob\:d\:f\:y.\@mob\:y\:s\:e { text-align: right } html.flex .\@mob\:x\:c > *, html.flex .d\:f\:y.\@mob\:y\:c > *, html.flex .\@mob\:d\:f\:y.\@mob\:y\:c > *, html.flex .\@mob\:x\:i > *, html.flex .d\:f\:y.\@mob\:y\:i > *, html.flex .\@mob\:d\:f\:y.\@mob\:y\:i > *, html.flex .\@mob\:x\:s > *, html.flex .d\:f\:y.\@mob\:y\:s > *, html.flex .\@mob\:d\:f\:y.\@mob\:y\:s > *, html.flex .\@mob\:x\:c\:e > *, html.flex .d\:f\:y.\@mob\:y\:c\:e > *, html.flex .\@mob\:d\:f\:y.\@mob\:y\:c\:e > *, html.flex .\@mob\:x\:i\:e > *, html.flex .d\:f\:y.\@mob\:y\:i\:e > *, html.flex .\@mob\:d\:f\:y.\@mob\:y\:i\:e > *, html.flex .\@mob\:x\:s\:e > *, html.flex .d\:f\:y.\@mob\:y\:s\:e > *, html.flex .\@mob\:d\:f\:y.\@mob\:y\:s\:e > * { text-align: left } }