Skip to content
This repository was archived by the owner on Jul 31, 2019. It is now read-only.

Commit f86cfdd

Browse files
author
黄凤栗
committedNov 1, 2018
delete the origin rules and filter out background prop when walking the clonedRoot
1 parent bbb96d0 commit f86cfdd

26 files changed

+105
-677
lines changed
 

‎index.js

+8-4
Original file line numberDiff line numberDiff line change
@@ -114,7 +114,10 @@ module.exports = postcss.plugin('postcss-flexible', function (options) {
114114
prop: decl.prop,
115115
value: getCalcValue(decl.value, dprList[index % dprList.length], newRule.customGear)
116116
})
117-
newRule.append(newDecl)
117+
// filter out background prop when walking the clonedRoot
118+
if (!/background/g.test(decl.prop) || (gear === undefined)) {
119+
newRule.append(newDecl)
120+
}
118121
})
119122
hasDecls = true
120123
decl.remove() // delete this rule
@@ -126,15 +129,16 @@ module.exports = postcss.plugin('postcss-flexible', function (options) {
126129
}
127130
})
128131

129-
// insert the updated rules into its parent Node
130-
if (hasDecls) {
132+
// if the updated rule is not empty, insert it into its parent Node
133+
if (hasDecls && newRule.nodes.length) {
131134
newRules.forEach(function (newRule) {
132135
rule.parent.insertAfter(rule, newRule)
133136
})
134137
}
135138

136139
// if the origin rule has no declarations, delete it
137-
if (!rule.nodes.length) {
140+
// delete the origin rules when walking the clonedRoot
141+
if (!rule.nodes.length || gear !== undefined) {
138142
rule.remove()
139143
}
140144
}

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "postcss-flexible",
3-
"version": "0.5.3",
3+
"version": "0.5.4",
44
"description": "flexible transformer for flexible",
55
"main": "index.js",
66
"scripts": {

‎test/customFile/fontGear_-1.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="-1"] .selector, [data-dpr="1"][data-fontgear="-1"] .selector2 {
7-
font-size: 15px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 15px
93
}
104
[data-dpr="2"][data-fontgear="-1"] .selector, [data-dpr="2"][data-fontgear="-1"] .selector2 {
11-
font-size: 30px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 30px
136
}
147
[data-dpr="3"][data-fontgear="-1"] .selector, [data-dpr="3"][data-fontgear="-1"] .selector2 {
15-
font-size: 45px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 45px
179
}
1810
[data-dpr="1"][data-fontgear="-1"] .selector3 {
1911
padding: 9px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="-1"] .selector3 {
2517
padding: 27px
2618
}
27-
[data-dpr="1"][data-fontgear="-1"] .selector4 {
28-
background: url(/images/qr@1x.png) 9px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="-1"] .selector4 {
31-
background: url(/images/qr@2x.png) 18px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="-1"] .selector4 {
34-
background: url(/images/qr@3x.png) 27px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="-1"] body {
3821
margin: 9px
@@ -44,14 +27,7 @@
4427
margin: 27px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="-1"][dir="rtl"] body {
5632
padding: 3px
5733
}

‎test/customFile/fontGear_0.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="0"] .selector, [data-dpr="1"][data-fontgear="0"] .selector2 {
7-
font-size: 16px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 16px
93
}
104
[data-dpr="2"][data-fontgear="0"] .selector, [data-dpr="2"][data-fontgear="0"] .selector2 {
11-
font-size: 32px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 32px
136
}
147
[data-dpr="3"][data-fontgear="0"] .selector, [data-dpr="3"][data-fontgear="0"] .selector2 {
15-
font-size: 48px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 48px
179
}
1810
[data-dpr="1"][data-fontgear="0"] .selector3 {
1911
padding: 10px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="0"] .selector3 {
2517
padding: 30px
2618
}
27-
[data-dpr="1"][data-fontgear="0"] .selector4 {
28-
background: url(/images/qr@1x.png) 10px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="0"] .selector4 {
31-
background: url(/images/qr@2x.png) 20px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="0"] .selector4 {
34-
background: url(/images/qr@3x.png) 30px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="0"] body {
3821
margin: 10px
@@ -44,14 +27,7 @@
4427
margin: 30px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="0"][dir="rtl"] body {
5632
padding: 4px
5733
}

‎test/customFile/fontGear_1.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="1"] .selector, [data-dpr="1"][data-fontgear="1"] .selector2 {
7-
font-size: 17px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 17px
93
}
104
[data-dpr="2"][data-fontgear="1"] .selector, [data-dpr="2"][data-fontgear="1"] .selector2 {
11-
font-size: 34px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 34px
136
}
147
[data-dpr="3"][data-fontgear="1"] .selector, [data-dpr="3"][data-fontgear="1"] .selector2 {
15-
font-size: 51px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 51px
179
}
1810
[data-dpr="1"][data-fontgear="1"] .selector3 {
1911
padding: 11px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="1"] .selector3 {
2517
padding: 33px
2618
}
27-
[data-dpr="1"][data-fontgear="1"] .selector4 {
28-
background: url(/images/qr@1x.png) 11px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="1"] .selector4 {
31-
background: url(/images/qr@2x.png) 22px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="1"] .selector4 {
34-
background: url(/images/qr@3x.png) 33px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="1"] body {
3821
margin: 11px
@@ -44,14 +27,7 @@
4427
margin: 33px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="1"][dir="rtl"] body {
5632
padding: 5px
5733
}

‎test/customFile/fontGear_2.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="2"] .selector, [data-dpr="1"][data-fontgear="2"] .selector2 {
7-
font-size: 18px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 18px
93
}
104
[data-dpr="2"][data-fontgear="2"] .selector, [data-dpr="2"][data-fontgear="2"] .selector2 {
11-
font-size: 36px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 36px
136
}
147
[data-dpr="3"][data-fontgear="2"] .selector, [data-dpr="3"][data-fontgear="2"] .selector2 {
15-
font-size: 54px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 54px
179
}
1810
[data-dpr="1"][data-fontgear="2"] .selector3 {
1911
padding: 12px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="2"] .selector3 {
2517
padding: 36px
2618
}
27-
[data-dpr="1"][data-fontgear="2"] .selector4 {
28-
background: url(/images/qr@1x.png) 12px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="2"] .selector4 {
31-
background: url(/images/qr@2x.png) 24px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="2"] .selector4 {
34-
background: url(/images/qr@3x.png) 36px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="2"] body {
3821
margin: 12px
@@ -44,14 +27,7 @@
4427
margin: 36px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="2"][dir="rtl"] body {
5632
padding: 6px
5733
}

‎test/customFile/fontGear_3.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="3"] .selector, [data-dpr="1"][data-fontgear="3"] .selector2 {
7-
font-size: 19px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 19px
93
}
104
[data-dpr="2"][data-fontgear="3"] .selector, [data-dpr="2"][data-fontgear="3"] .selector2 {
11-
font-size: 38px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 38px
136
}
147
[data-dpr="3"][data-fontgear="3"] .selector, [data-dpr="3"][data-fontgear="3"] .selector2 {
15-
font-size: 57px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 57px
179
}
1810
[data-dpr="1"][data-fontgear="3"] .selector3 {
1911
padding: 13px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="3"] .selector3 {
2517
padding: 39px
2618
}
27-
[data-dpr="1"][data-fontgear="3"] .selector4 {
28-
background: url(/images/qr@1x.png) 13px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="3"] .selector4 {
31-
background: url(/images/qr@2x.png) 26px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="3"] .selector4 {
34-
background: url(/images/qr@3x.png) 39px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="3"] body {
3821
margin: 13px
@@ -44,14 +27,7 @@
4427
margin: 39px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="3"][dir="rtl"] body {
5632
padding: 7px
5733
}

‎test/customFile/fontGear_4.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="4"] .selector, [data-dpr="1"][data-fontgear="4"] .selector2 {
7-
font-size: 20px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 20px
93
}
104
[data-dpr="2"][data-fontgear="4"] .selector, [data-dpr="2"][data-fontgear="4"] .selector2 {
11-
font-size: 40px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 40px
136
}
147
[data-dpr="3"][data-fontgear="4"] .selector, [data-dpr="3"][data-fontgear="4"] .selector2 {
15-
font-size: 60px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 60px
179
}
1810
[data-dpr="1"][data-fontgear="4"] .selector3 {
1911
padding: 14px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="4"] .selector3 {
2517
padding: 42px
2618
}
27-
[data-dpr="1"][data-fontgear="4"] .selector4 {
28-
background: url(/images/qr@1x.png) 14px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="4"] .selector4 {
31-
background: url(/images/qr@2x.png) 28px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="4"] .selector4 {
34-
background: url(/images/qr@3x.png) 42px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="4"] body {
3821
margin: 14px
@@ -44,14 +27,7 @@
4427
margin: 42px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="4"][dir="rtl"] body {
5632
padding: 8px
5733
}

‎test/fontGear/fontGear_-1.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="-1"] .selector, [data-dpr="1"][data-fontgear="-1"] .selector2 {
7-
font-size: 14px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 14px
93
}
104
[data-dpr="2"][data-fontgear="-1"] .selector, [data-dpr="2"][data-fontgear="-1"] .selector2 {
11-
font-size: 28px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 28px
136
}
147
[data-dpr="3"][data-fontgear="-1"] .selector, [data-dpr="3"][data-fontgear="-1"] .selector2 {
15-
font-size: 42px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 42px
179
}
1810
[data-dpr="1"][data-fontgear="-1"] .selector3 {
1911
padding: 8px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="-1"] .selector3 {
2517
padding: 24px
2618
}
27-
[data-dpr="1"][data-fontgear="-1"] .selector4 {
28-
background: url(/images/qr@1x.png) 8px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="-1"] .selector4 {
31-
background: url(/images/qr@2x.png) 16px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="-1"] .selector4 {
34-
background: url(/images/qr@3x.png) 24px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="-1"] body {
3821
margin: 8px
@@ -44,14 +27,7 @@
4427
margin: 24px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="-1"][dir="rtl"] body {
5632
padding: 2px
5733
}

‎test/fontGear/fontGear_0.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="0"] .selector, [data-dpr="1"][data-fontgear="0"] .selector2 {
7-
font-size: 16px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 16px
93
}
104
[data-dpr="2"][data-fontgear="0"] .selector, [data-dpr="2"][data-fontgear="0"] .selector2 {
11-
font-size: 32px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 32px
136
}
147
[data-dpr="3"][data-fontgear="0"] .selector, [data-dpr="3"][data-fontgear="0"] .selector2 {
15-
font-size: 48px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 48px
179
}
1810
[data-dpr="1"][data-fontgear="0"] .selector3 {
1911
padding: 10px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="0"] .selector3 {
2517
padding: 30px
2618
}
27-
[data-dpr="1"][data-fontgear="0"] .selector4 {
28-
background: url(/images/qr@1x.png) 10px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="0"] .selector4 {
31-
background: url(/images/qr@2x.png) 20px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="0"] .selector4 {
34-
background: url(/images/qr@3x.png) 30px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="0"] body {
3821
margin: 10px
@@ -44,14 +27,7 @@
4427
margin: 30px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="0"][dir="rtl"] body {
5632
padding: 4px
5733
}

‎test/fontGear/fontGear_1.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="1"] .selector, [data-dpr="1"][data-fontgear="1"] .selector2 {
7-
font-size: 18px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 18px
93
}
104
[data-dpr="2"][data-fontgear="1"] .selector, [data-dpr="2"][data-fontgear="1"] .selector2 {
11-
font-size: 36px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 36px
136
}
147
[data-dpr="3"][data-fontgear="1"] .selector, [data-dpr="3"][data-fontgear="1"] .selector2 {
15-
font-size: 54px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 54px
179
}
1810
[data-dpr="1"][data-fontgear="1"] .selector3 {
1911
padding: 12px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="1"] .selector3 {
2517
padding: 36px
2618
}
27-
[data-dpr="1"][data-fontgear="1"] .selector4 {
28-
background: url(/images/qr@1x.png) 12px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="1"] .selector4 {
31-
background: url(/images/qr@2x.png) 24px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="1"] .selector4 {
34-
background: url(/images/qr@3x.png) 36px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="1"] body {
3821
margin: 12px
@@ -44,14 +27,7 @@
4427
margin: 36px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="1"][dir="rtl"] body {
5632
padding: 6px
5733
}

‎test/fontGear/fontGear_2.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="2"] .selector, [data-dpr="1"][data-fontgear="2"] .selector2 {
7-
font-size: 20px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 20px
93
}
104
[data-dpr="2"][data-fontgear="2"] .selector, [data-dpr="2"][data-fontgear="2"] .selector2 {
11-
font-size: 40px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 40px
136
}
147
[data-dpr="3"][data-fontgear="2"] .selector, [data-dpr="3"][data-fontgear="2"] .selector2 {
15-
font-size: 60px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 60px
179
}
1810
[data-dpr="1"][data-fontgear="2"] .selector3 {
1911
padding: 14px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="2"] .selector3 {
2517
padding: 42px
2618
}
27-
[data-dpr="1"][data-fontgear="2"] .selector4 {
28-
background: url(/images/qr@1x.png) 14px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="2"] .selector4 {
31-
background: url(/images/qr@2x.png) 28px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="2"] .selector4 {
34-
background: url(/images/qr@3x.png) 42px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="2"] body {
3821
margin: 14px
@@ -44,14 +27,7 @@
4427
margin: 42px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="2"][dir="rtl"] body {
5632
padding: 8px
5733
}

‎test/fontGear/fontGear_3.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="3"] .selector, [data-dpr="1"][data-fontgear="3"] .selector2 {
7-
font-size: 22px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 22px
93
}
104
[data-dpr="2"][data-fontgear="3"] .selector, [data-dpr="2"][data-fontgear="3"] .selector2 {
11-
font-size: 44px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 44px
136
}
147
[data-dpr="3"][data-fontgear="3"] .selector, [data-dpr="3"][data-fontgear="3"] .selector2 {
15-
font-size: 66px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 66px
179
}
1810
[data-dpr="1"][data-fontgear="3"] .selector3 {
1911
padding: 16px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="3"] .selector3 {
2517
padding: 48px
2618
}
27-
[data-dpr="1"][data-fontgear="3"] .selector4 {
28-
background: url(/images/qr@1x.png) 16px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="3"] .selector4 {
31-
background: url(/images/qr@2x.png) 32px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="3"] .selector4 {
34-
background: url(/images/qr@3x.png) 48px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="3"] body {
3821
margin: 16px
@@ -44,14 +27,7 @@
4427
margin: 48px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="3"][dir="rtl"] body {
5632
padding: 10px
5733
}

‎test/fontGear/fontGear_4.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="4"] .selector, [data-dpr="1"][data-fontgear="4"] .selector2 {
7-
font-size: 24px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 24px
93
}
104
[data-dpr="2"][data-fontgear="4"] .selector, [data-dpr="2"][data-fontgear="4"] .selector2 {
11-
font-size: 48px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 48px
136
}
147
[data-dpr="3"][data-fontgear="4"] .selector, [data-dpr="3"][data-fontgear="4"] .selector2 {
15-
font-size: 72px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 72px
179
}
1810
[data-dpr="1"][data-fontgear="4"] .selector3 {
1911
padding: 18px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="4"] .selector3 {
2517
padding: 54px
2618
}
27-
[data-dpr="1"][data-fontgear="4"] .selector4 {
28-
background: url(/images/qr@1x.png) 18px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="4"] .selector4 {
31-
background: url(/images/qr@2x.png) 36px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="4"] .selector4 {
34-
background: url(/images/qr@3x.png) 54px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="4"] body {
3821
margin: 18px
@@ -44,14 +27,7 @@
4427
margin: 54px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="4"][dir="rtl"] body {
5632
padding: 12px
5733
}

‎test/fontGearCustom/fontGear_-1.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="-1"] .selector, [data-dpr="1"][data-fontgear="-1"] .selector2 {
7-
font-size: 14px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 14px
93
}
104
[data-dpr="2"][data-fontgear="-1"] .selector, [data-dpr="2"][data-fontgear="-1"] .selector2 {
11-
font-size: 28px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 28px
136
}
147
[data-dpr="3"][data-fontgear="-1"] .selector, [data-dpr="3"][data-fontgear="-1"] .selector2 {
15-
font-size: 42px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 42px
179
}
1810
[data-dpr="1"][data-fontgear="-1"] .selector3 {
1911
padding: 8px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="-1"] .selector3 {
2517
padding: 24px
2618
}
27-
[data-dpr="1"][data-fontgear="-1"] .selector4 {
28-
background: url(/images/qr@1x.png) 8px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="-1"] .selector4 {
31-
background: url(/images/qr@2x.png) 16px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="-1"] .selector4 {
34-
background: url(/images/qr@3x.png) 24px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="-1"] body {
3821
margin: 8px
@@ -44,14 +27,7 @@
4427
margin: 24px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="-1"][dir="rtl"] body {
5632
padding: 2px
5733
}

‎test/fontGearCustom/fontGear_0.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="0"] .selector, [data-dpr="1"][data-fontgear="0"] .selector2 {
7-
font-size: 16px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 16px
93
}
104
[data-dpr="2"][data-fontgear="0"] .selector, [data-dpr="2"][data-fontgear="0"] .selector2 {
11-
font-size: 32px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 32px
136
}
147
[data-dpr="3"][data-fontgear="0"] .selector, [data-dpr="3"][data-fontgear="0"] .selector2 {
15-
font-size: 48px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 48px
179
}
1810
[data-dpr="1"][data-fontgear="0"] .selector3 {
1911
padding: 10px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="0"] .selector3 {
2517
padding: 30px
2618
}
27-
[data-dpr="1"][data-fontgear="0"] .selector4 {
28-
background: url(/images/qr@1x.png) 10px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="0"] .selector4 {
31-
background: url(/images/qr@2x.png) 20px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="0"] .selector4 {
34-
background: url(/images/qr@3x.png) 30px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="0"] body {
3821
margin: 10px
@@ -44,14 +27,7 @@
4427
margin: 30px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="0"][dir="rtl"] body {
5632
padding: 4px
5733
}

‎test/fontGearCustom/fontGear_1.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="1"] .selector, [data-dpr="1"][data-fontgear="1"] .selector2 {
7-
font-size: 18px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 18px
93
}
104
[data-dpr="2"][data-fontgear="1"] .selector, [data-dpr="2"][data-fontgear="1"] .selector2 {
11-
font-size: 36px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 36px
136
}
147
[data-dpr="3"][data-fontgear="1"] .selector, [data-dpr="3"][data-fontgear="1"] .selector2 {
15-
font-size: 54px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 54px
179
}
1810
[data-dpr="1"][data-fontgear="1"] .selector3 {
1911
padding: 12px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="1"] .selector3 {
2517
padding: 36px
2618
}
27-
[data-dpr="1"][data-fontgear="1"] .selector4 {
28-
background: url(/images/qr@1x.png) 12px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="1"] .selector4 {
31-
background: url(/images/qr@2x.png) 24px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="1"] .selector4 {
34-
background: url(/images/qr@3x.png) 36px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="1"] body {
3821
margin: 12px
@@ -44,14 +27,7 @@
4427
margin: 36px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="1"][dir="rtl"] body {
5632
padding: 6px
5733
}

‎test/fontGearCustom/fontGear_2.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="2"] .selector, [data-dpr="1"][data-fontgear="2"] .selector2 {
7-
font-size: 20px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 20px
93
}
104
[data-dpr="2"][data-fontgear="2"] .selector, [data-dpr="2"][data-fontgear="2"] .selector2 {
11-
font-size: 40px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 40px
136
}
147
[data-dpr="3"][data-fontgear="2"] .selector, [data-dpr="3"][data-fontgear="2"] .selector2 {
15-
font-size: 60px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 60px
179
}
1810
[data-dpr="1"][data-fontgear="2"] .selector3 {
1911
padding: 14px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="2"] .selector3 {
2517
padding: 42px
2618
}
27-
[data-dpr="1"][data-fontgear="2"] .selector4 {
28-
background: url(/images/qr@1x.png) 14px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="2"] .selector4 {
31-
background: url(/images/qr@2x.png) 28px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="2"] .selector4 {
34-
background: url(/images/qr@3x.png) 42px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="2"] body {
3821
margin: 14px
@@ -44,14 +27,7 @@
4427
margin: 42px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="2"][dir="rtl"] body {
5632
padding: 8px
5733
}

‎test/fontGearCustom/fontGear_3.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="3"] .selector, [data-dpr="1"][data-fontgear="3"] .selector2 {
7-
font-size: 22px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 22px
93
}
104
[data-dpr="2"][data-fontgear="3"] .selector, [data-dpr="2"][data-fontgear="3"] .selector2 {
11-
font-size: 44px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 44px
136
}
147
[data-dpr="3"][data-fontgear="3"] .selector, [data-dpr="3"][data-fontgear="3"] .selector2 {
15-
font-size: 66px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 66px
179
}
1810
[data-dpr="1"][data-fontgear="3"] .selector3 {
1911
padding: 16px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="3"] .selector3 {
2517
padding: 48px
2618
}
27-
[data-dpr="1"][data-fontgear="3"] .selector4 {
28-
background: url(/images/qr@1x.png) 16px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="3"] .selector4 {
31-
background: url(/images/qr@2x.png) 32px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="3"] .selector4 {
34-
background: url(/images/qr@3x.png) 48px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="3"] body {
3821
margin: 16px
@@ -44,14 +27,7 @@
4427
margin: 48px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="3"][dir="rtl"] body {
5632
padding: 10px
5733
}

‎test/fontGearCustom/fontGear_4.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="4"] .selector, [data-dpr="1"][data-fontgear="4"] .selector2 {
7-
font-size: 24px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 24px
93
}
104
[data-dpr="2"][data-fontgear="4"] .selector, [data-dpr="2"][data-fontgear="4"] .selector2 {
11-
font-size: 48px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 48px
136
}
147
[data-dpr="3"][data-fontgear="4"] .selector, [data-dpr="3"][data-fontgear="4"] .selector2 {
15-
font-size: 72px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 72px
179
}
1810
[data-dpr="1"][data-fontgear="4"] .selector3 {
1911
padding: 18px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="4"] .selector3 {
2517
padding: 54px
2618
}
27-
[data-dpr="1"][data-fontgear="4"] .selector4 {
28-
background: url(/images/qr@1x.png) 18px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="4"] .selector4 {
31-
background: url(/images/qr@2x.png) 36px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="4"] .selector4 {
34-
background: url(/images/qr@3x.png) 54px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="4"] body {
3821
margin: 18px
@@ -44,14 +27,7 @@
4427
margin: 54px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="4"][dir="rtl"] body {
5632
padding: 12px
5733
}

‎test/fontGearSource/fontGear_-1.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="-1"] .selector, [data-dpr="1"][data-fontgear="-1"] .selector2 {
7-
font-size: 15px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 15px
93
}
104
[data-dpr="2"][data-fontgear="-1"] .selector, [data-dpr="2"][data-fontgear="-1"] .selector2 {
11-
font-size: 30px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 30px
136
}
147
[data-dpr="3"][data-fontgear="-1"] .selector, [data-dpr="3"][data-fontgear="-1"] .selector2 {
15-
font-size: 45px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 45px
179
}
1810
[data-dpr="1"][data-fontgear="-1"] .selector3 {
1911
padding: 9px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="-1"] .selector3 {
2517
padding: 27px
2618
}
27-
[data-dpr="1"][data-fontgear="-1"] .selector4 {
28-
background: url(/images/qr@1x.png) 9px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="-1"] .selector4 {
31-
background: url(/images/qr@2x.png) 18px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="-1"] .selector4 {
34-
background: url(/images/qr@3x.png) 27px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="-1"] body {
3821
margin: 9px
@@ -44,14 +27,7 @@
4427
margin: 27px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="-1"][dir="rtl"] body {
5632
padding: 3px
5733
}

‎test/fontGearSource/fontGear_0.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="0"] .selector, [data-dpr="1"][data-fontgear="0"] .selector2 {
7-
font-size: 16px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 16px
93
}
104
[data-dpr="2"][data-fontgear="0"] .selector, [data-dpr="2"][data-fontgear="0"] .selector2 {
11-
font-size: 32px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 32px
136
}
147
[data-dpr="3"][data-fontgear="0"] .selector, [data-dpr="3"][data-fontgear="0"] .selector2 {
15-
font-size: 48px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 48px
179
}
1810
[data-dpr="1"][data-fontgear="0"] .selector3 {
1911
padding: 10px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="0"] .selector3 {
2517
padding: 30px
2618
}
27-
[data-dpr="1"][data-fontgear="0"] .selector4 {
28-
background: url(/images/qr@1x.png) 10px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="0"] .selector4 {
31-
background: url(/images/qr@2x.png) 20px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="0"] .selector4 {
34-
background: url(/images/qr@3x.png) 30px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="0"] body {
3821
margin: 10px
@@ -44,14 +27,7 @@
4427
margin: 30px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="0"][dir="rtl"] body {
5632
padding: 4px
5733
}

‎test/fontGearSource/fontGear_1.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="1"] .selector, [data-dpr="1"][data-fontgear="1"] .selector2 {
7-
font-size: 17px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 17px
93
}
104
[data-dpr="2"][data-fontgear="1"] .selector, [data-dpr="2"][data-fontgear="1"] .selector2 {
11-
font-size: 34px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 34px
136
}
147
[data-dpr="3"][data-fontgear="1"] .selector, [data-dpr="3"][data-fontgear="1"] .selector2 {
15-
font-size: 51px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 51px
179
}
1810
[data-dpr="1"][data-fontgear="1"] .selector3 {
1911
padding: 11px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="1"] .selector3 {
2517
padding: 33px
2618
}
27-
[data-dpr="1"][data-fontgear="1"] .selector4 {
28-
background: url(/images/qr@1x.png) 11px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="1"] .selector4 {
31-
background: url(/images/qr@2x.png) 22px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="1"] .selector4 {
34-
background: url(/images/qr@3x.png) 33px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="1"] body {
3821
margin: 11px
@@ -44,14 +27,7 @@
4427
margin: 33px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="1"][dir="rtl"] body {
5632
padding: 5px
5733
}

‎test/fontGearSource/fontGear_2.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="2"] .selector, [data-dpr="1"][data-fontgear="2"] .selector2 {
7-
font-size: 18px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 18px
93
}
104
[data-dpr="2"][data-fontgear="2"] .selector, [data-dpr="2"][data-fontgear="2"] .selector2 {
11-
font-size: 36px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 36px
136
}
147
[data-dpr="3"][data-fontgear="2"] .selector, [data-dpr="3"][data-fontgear="2"] .selector2 {
15-
font-size: 54px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 54px
179
}
1810
[data-dpr="1"][data-fontgear="2"] .selector3 {
1911
padding: 12px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="2"] .selector3 {
2517
padding: 36px
2618
}
27-
[data-dpr="1"][data-fontgear="2"] .selector4 {
28-
background: url(/images/qr@1x.png) 12px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="2"] .selector4 {
31-
background: url(/images/qr@2x.png) 24px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="2"] .selector4 {
34-
background: url(/images/qr@3x.png) 36px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="2"] body {
3821
margin: 12px
@@ -44,14 +27,7 @@
4427
margin: 36px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="2"][dir="rtl"] body {
5632
padding: 6px
5733
}

‎test/fontGearSource/fontGear_3.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="3"] .selector, [data-dpr="1"][data-fontgear="3"] .selector2 {
7-
font-size: 19px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 19px
93
}
104
[data-dpr="2"][data-fontgear="3"] .selector, [data-dpr="2"][data-fontgear="3"] .selector2 {
11-
font-size: 38px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 38px
136
}
147
[data-dpr="3"][data-fontgear="3"] .selector, [data-dpr="3"][data-fontgear="3"] .selector2 {
15-
font-size: 57px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 57px
179
}
1810
[data-dpr="1"][data-fontgear="3"] .selector3 {
1911
padding: 13px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="3"] .selector3 {
2517
padding: 39px
2618
}
27-
[data-dpr="1"][data-fontgear="3"] .selector4 {
28-
background: url(/images/qr@1x.png) 13px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="3"] .selector4 {
31-
background: url(/images/qr@2x.png) 26px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="3"] .selector4 {
34-
background: url(/images/qr@3x.png) 39px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="3"] body {
3821
margin: 13px
@@ -44,14 +27,7 @@
4427
margin: 39px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="3"][dir="rtl"] body {
5632
padding: 7px
5733
}

‎test/fontGearSource/fontGear_4.css

+4-28
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,11 @@
1-
.selector,
2-
.selector2 {
3-
width: 1rem;
4-
line-height: 3
5-
}
61
[data-dpr="1"][data-fontgear="4"] .selector, [data-dpr="1"][data-fontgear="4"] .selector2 {
7-
font-size: 20px;
8-
background-image: url(/images/qr@1x.png)
2+
font-size: 20px
93
}
104
[data-dpr="2"][data-fontgear="4"] .selector, [data-dpr="2"][data-fontgear="4"] .selector2 {
11-
font-size: 40px;
12-
background-image: url(/images/qr@2x.png)
5+
font-size: 40px
136
}
147
[data-dpr="3"][data-fontgear="4"] .selector, [data-dpr="3"][data-fontgear="4"] .selector2 {
15-
font-size: 60px;
16-
background-image: url(/images/qr@3x.png)
8+
font-size: 60px
179
}
1810
[data-dpr="1"][data-fontgear="4"] .selector3 {
1911
padding: 14px
@@ -24,15 +16,6 @@
2416
[data-dpr="3"][data-fontgear="4"] .selector3 {
2517
padding: 42px
2618
}
27-
[data-dpr="1"][data-fontgear="4"] .selector4 {
28-
background: url(/images/qr@1x.png) 14px 0.266667rem
29-
}
30-
[data-dpr="2"][data-fontgear="4"] .selector4 {
31-
background: url(/images/qr@2x.png) 28px 0.266667rem
32-
}
33-
[data-dpr="3"][data-fontgear="4"] .selector4 {
34-
background: url(/images/qr@3x.png) 42px 0.266667rem
35-
}
3619
@media screen and (min-width: 480px) {
3720
[data-dpr="1"][data-fontgear="4"] body {
3821
margin: 14px
@@ -44,14 +27,7 @@
4427
margin: 42px
4528
}
4629
}
47-
@keyframes c-spinner-snake {
48-
0% {
49-
transform: rotate(0deg)
50-
}
51-
to {
52-
transform: rotate(1turn)
53-
}
54-
}
30+
@keyframes c-spinner-snake {}
5531
html[data-dpr="1"][data-fontgear="4"][dir="rtl"] body {
5632
padding: 8px
5733
}

0 commit comments

Comments
 (0)
This repository has been archived.