Skip to content

Commit 08b998e

Browse files
MartijnCuppensMartijnCuppens
committed
Add additional test
1 parent e8a654f commit 08b998e

File tree

6 files changed

+248
-0
lines changed

6 files changed

+248
-0
lines changed

Diff for: ‎test/expected/test-12.css

+231
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,231 @@
1+
.selector-1 {
2+
background-color: #f00;
3+
width: 300px;
4+
font-size: 2rem;
5+
}
6+
@media (max-width: 1200px), (max-height: 1200px) {
7+
.selector-1 {
8+
font-size: calc(1.325rem + 0.9vmin);
9+
}
10+
}
11+
12+
.selector-2 {
13+
font-size: 2rem;
14+
}
15+
@media (max-width: 1200px), (max-height: 1200px) {
16+
.selector-2 {
17+
font-size: calc(1.325rem + 0.9vmin);
18+
}
19+
}
20+
21+
.selector-3 {
22+
font-size: 2rem !important;
23+
}
24+
@media (max-width: 1200px), (max-height: 1200px) {
25+
.selector-3 {
26+
font-size: calc(1.325rem + 0.9vmin) !important;
27+
}
28+
}
29+
30+
.selector-4 {
31+
font-size: 2rem;
32+
}
33+
@media (max-width: 1200px), (max-height: 1200px) {
34+
.selector-4 {
35+
font-size: calc(1.325rem + 0.9vmin);
36+
}
37+
}
38+
39+
.selector-5 {
40+
font-size: 2em;
41+
}
42+
43+
.selector-6 {
44+
font-size: inherit;
45+
}
46+
47+
@supports (display: flex) {
48+
.selector-7 {
49+
font-size: 1.75rem;
50+
}
51+
@media (max-width: 1200px), (max-height: 1200px) {
52+
.selector-7 {
53+
font-size: calc(1.3rem + 0.6vmin);
54+
}
55+
}
56+
}
57+
58+
.selector-8 {
59+
flex: 0 999 32rem;
60+
}
61+
@media (max-width: 1200px), (max-height: 1200px) {
62+
.selector-8 {
63+
flex: 0 999 calc(4.325rem + 36.9vmin);
64+
}
65+
}
66+
67+
.selector-9 {
68+
padding: 2rem;
69+
}
70+
@media (max-width: 1200px), (max-height: 1200px) {
71+
.selector-9 {
72+
padding: calc(1.325rem + 0.9vmin);
73+
}
74+
}
75+
76+
.selector-10 {
77+
padding: 2rem;
78+
}
79+
@media (max-width: 1200px), (max-height: 1200px) {
80+
.selector-10 {
81+
padding: calc(1.325rem + 0.9vmin);
82+
}
83+
}
84+
85+
.selector-11 {
86+
padding-top: 2rem;
87+
}
88+
@media (max-width: 1200px), (max-height: 1200px) {
89+
.selector-11 {
90+
padding-top: calc(1.325rem + 0.9vmin);
91+
}
92+
}
93+
94+
.selector-12 {
95+
padding-right: 2rem;
96+
}
97+
@media (max-width: 1200px), (max-height: 1200px) {
98+
.selector-12 {
99+
padding-right: calc(1.325rem + 0.9vmin);
100+
}
101+
}
102+
103+
.selector-13 {
104+
padding-bottom: 2rem;
105+
}
106+
@media (max-width: 1200px), (max-height: 1200px) {
107+
.selector-13 {
108+
padding-bottom: calc(1.325rem + 0.9vmin);
109+
}
110+
}
111+
112+
.selector-14 {
113+
padding-left: 2rem;
114+
}
115+
@media (max-width: 1200px), (max-height: 1200px) {
116+
.selector-14 {
117+
padding-left: calc(1.325rem + 0.9vmin);
118+
}
119+
}
120+
121+
.selector-15 {
122+
margin: 2rem;
123+
}
124+
@media (max-width: 1200px), (max-height: 1200px) {
125+
.selector-15 {
126+
margin: calc(1.325rem + 0.9vmin);
127+
}
128+
}
129+
130+
.selector-16 {
131+
margin-top: 2rem;
132+
}
133+
@media (max-width: 1200px), (max-height: 1200px) {
134+
.selector-16 {
135+
margin-top: calc(1.325rem + 0.9vmin);
136+
}
137+
}
138+
139+
.selector-17 {
140+
margin-right: 2rem;
141+
}
142+
@media (max-width: 1200px), (max-height: 1200px) {
143+
.selector-17 {
144+
margin-right: calc(1.325rem + 0.9vmin);
145+
}
146+
}
147+
148+
.selector-18 {
149+
margin-bottom: 2rem;
150+
}
151+
@media (max-width: 1200px), (max-height: 1200px) {
152+
.selector-18 {
153+
margin-bottom: calc(1.325rem + 0.9vmin);
154+
}
155+
}
156+
157+
.selector-19 {
158+
margin-left: 2rem;
159+
}
160+
@media (max-width: 1200px), (max-height: 1200px) {
161+
.selector-19 {
162+
margin-left: calc(1.325rem + 0.9vmin);
163+
}
164+
}
165+
166+
.selector-20 {
167+
margin: 2rem 3rem;
168+
}
169+
@media (max-width: 1200px), (max-height: 1200px) {
170+
.selector-20 {
171+
margin: calc(1.325rem + 0.9vmin) calc(1.425rem + 2.1vmin);
172+
}
173+
}
174+
175+
.selector-21 {
176+
margin: 2rem 3rem !important;
177+
}
178+
@media (max-width: 1200px), (max-height: 1200px) {
179+
.selector-21 {
180+
margin: calc(1.325rem + 0.9vmin) calc(1.425rem + 2.1vmin) !important;
181+
}
182+
}
183+
184+
.selector-22 {
185+
font-size: 0;
186+
}
187+
188+
.selector-23 {
189+
margin: 0 3rem;
190+
}
191+
@media (max-width: 1200px), (max-height: 1200px) {
192+
.selector-23 {
193+
margin: 0 calc(1.425rem + 2.1vmin);
194+
}
195+
}
196+
197+
.selector-24 {
198+
box-shadow: 0 0 2rem #f00, 0 0 3rem #0f0;
199+
}
200+
@media (max-width: 1200px), (max-height: 1200px) {
201+
.selector-24 {
202+
box-shadow: 0 0 calc(1.325rem + 0.9vmin) #f00,
203+
0 0 calc(1.425rem + 2.1vmin) #0f0;
204+
}
205+
}
206+
207+
.selector-25 {
208+
--value: 3rem;
209+
}
210+
@media (max-width: 1200px), (max-height: 1200px) {
211+
.selector-25 {
212+
--value: calc(1.425rem + 2.1vmin);
213+
}
214+
}
215+
216+
.selector-26 {
217+
font-size: 0.625rem;
218+
}
219+
220+
.selector-27 {
221+
margin: -3rem;
222+
}
223+
@media (max-width: 1200px), (max-height: 1200px) {
224+
.selector-27 {
225+
margin: calc(-1.425rem - 2.1vmin);
226+
}
227+
}
228+
229+
.selector-28 {
230+
margin: -0.5rem;
231+
}

Diff for: ‎test/less/test-12.less

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
@import "main";
2+
@rfs-mode: "max-media-query";
3+
@rfs-two-dimensional: true;

Diff for: ‎test/postcss/tests.js

+4
Original file line numberDiff line numberDiff line change
@@ -45,5 +45,9 @@ module.exports = {
4545
},
4646
'test-11': {
4747
mode: 'max-media-query'
48+
},
49+
'test-12': {
50+
mode: 'max-media-query',
51+
twoDimensional: true
4852
}
4953
};

Diff for: ‎test/sass/test-12.scss

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
$rfs-mode: max-media-query;
2+
$rfs-two-dimensional: true;
3+
@import "main";

Diff for: ‎test/stylus/test-12.styl

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
$rfs-mode = "max-media-query"
2+
$rfs-two-dimensional = true
3+
@import "main"

Diff for: ‎test/tests.json

+4
Original file line numberDiff line numberDiff line change
@@ -42,5 +42,9 @@
4242
{
4343
"id": "test-11",
4444
"name": "Use max-media-query mode"
45+
},
46+
{
47+
"id": "test-12",
48+
"name": "Use max-media-query mode & enable two dimensional media queries"
4549
}
4650
]

0 commit comments

Comments
 (0)