OLD | NEW |
---|---|
(Empty) | |
1 /* In the current spec for heights, min-content, max-content and fit-content are | |
2 * equivalent. | |
3 * fill-available is different and similar to widths. | |
4 */ | |
5 | |
6 .min-content { | |
7 height: -webkit-min-content; | |
8 height: -moz-min-content; | |
9 height: min-content; | |
10 } | |
11 | |
12 .max-content { | |
13 height: -webkit-max-content; | |
14 height: -moz-max-content; | |
15 height: max-content; | |
16 } | |
17 | |
18 .fill-available { | |
19 height: -webkit-fill-available; | |
20 /* Firefox is missing the fill- prefix because they followed an older spec * / | |
21 height: -moz-available; | |
22 height: fill-available; | |
23 } | |
24 | |
25 .fit-content { | |
26 /* Webkit, but only outside a deprecated flexbox. */ | |
ojan
2013/04/11 03:21:46
Only *inside*?
cbiesinger
2013/04/12 01:17:52
removed the comment
| |
27 height: intrinsic; | |
ojan
2013/04/11 03:21:46
Not sure we really need to test intrinsic here. Id
cbiesinger
2013/04/12 01:17:52
Removed the references to intrinsic. I copied this
| |
28 height: -webkit-fit-content; | |
29 height: -moz-fit-content; | |
30 height: fit-content; | |
31 } | |
32 | |
33 .max-height-min-content { | |
34 max-height: -webkit-min-content; | |
35 max-height: -moz-min-content; | |
36 max-height: min-content; | |
37 } | |
38 | |
39 .max-height-max-content { | |
40 max-height: -webkit-max-content; | |
41 max-height: -moz-max-content; | |
42 max-height: max-content; | |
43 } | |
44 | |
45 .max-height-fill-available { | |
46 max-height: -webkit-fill-available; | |
47 max-height: -moz-available; | |
48 max-height: fill-available; | |
49 } | |
50 | |
51 .max-height-fit-content { | |
52 max-height: intrinsic; | |
53 max-height: -webkit-fit-content; | |
54 max-height: -moz-fit-content; | |
55 max-height: fit-content; | |
56 } | |
57 | |
58 .min-height-min-content { | |
59 min-height: -webkit-min-content; | |
60 min-height: -moz-min-content; | |
61 min-height: min-content; | |
62 } | |
63 | |
64 .min-height-max-content { | |
65 min-height: -webkit-max-content; | |
66 min-height: -moz-max-content; | |
67 min-height: max-content; | |
68 } | |
69 | |
70 .min-height-fill-available { | |
71 min-height: -webkit-fill-available; | |
72 min-height: -moz-available; | |
73 min-height: fill-available; | |
74 } | |
75 | |
76 .min-height-fit-content { | |
77 min-height: intrinsic; | |
ojan
2013/04/11 03:21:46
Ditto
cbiesinger
2013/04/12 01:17:52
Done.
| |
78 min-height: -webkit-fit-content; | |
79 min-height: -moz-fit-content; | |
80 min-height: fit-content; | |
81 } | |
OLD | NEW |