swc/crates/swc_css_codegen/tests/fixture/values/number/output.css

142 lines
2.4 KiB
CSS
Raw Normal View History

div {
line-height: 100;
margin: 20 30;
margin: 20 30px;
margin: 20px 30;
}
div {
property: 10;
property: +10;
property: -10;
property: 0.1;
property: +0.1;
property: -0.1;
property: -.1;
property: +.1;
property: 0;
property: 10;
property: .10;
property: 12.34;
property: 0.1;
property: 1.0;
property: 0.0;
property: +0.0;
property: -0.0;
property: .0;
property: 1.200000;
property: 1.2e2;
property: 1e2;
property: .2e2;
property: 1.2E2;
property: 1.2e+2;
property: 1.2e-2;
property: -1;
property: -1.2;
property: .2;
property: -.2;
property: +.2;
property: -1.2e3;
property: 1.75;
property: +1.75;
property: 1e0;
property: 1e1;
property: 1e+1;
property: 1e-1;
property: 1e-10;
property: 1 +2;
property: 1 -2;
property: 4.01;
property: -456.8;
property: .60;
property: .0060;
property: 10e3;
property: -3.4e-2;
property: 0.5600000000;
property: 10e6;
property: 10000000;
property: 0.0;
property: -0.0;
property: +0.0;
property: 0.00;
property: 1e0;
property: 1e1;
property: 1e2;
property: 1e3;
property: 1e4;
property: 1e5;
property: 1e-0;
property: 1e-1;
property: 1e-2;
property: 1e-3;
property: 1e-4;
property: 1e-5;
property: -1e-0;
property: -1e-1;
property: -1e-2;
property: -1e-3;
property: -1e-4;
property: -1e-5;
property: 0.1;
property: 0.01;
property: 0.001;
property: 0.0001;
property: 0.00001;
property: 0.000001;
property: 0.5;
property: 0.05;
property: 0.005;
property: 0.0005;
property: 0.00005;
property: 0.000005;
property: 0.000015;
property: 0.00001543;
property: 0.00001543000;
property: 000000;
property: +000000;
property: -000000;
property: 100.1e-5;
property: 100.1e-6;
property: 10001000000;
}
div {
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
grid-auto-rows: minmax(100px, auto);
}
.one {
grid-column: 1/ 3;
grid-row: 1;
}
.two {
grid-column: 2/ 4;
grid-row: 1/ 3;
}
.three {
grid-column: 1;
grid-row: 2/ 5;
}
.four {
grid-column: 3;
grid-row: 3;
}
.five {
grid-column: 2;
grid-row: 4;
}
.six {
grid-column: 3;
grid-row: 4;
}
#grid {
display: grid;
height: 100px;
grid-template: repeat(4, 1fr) / 50px 100px;
}
.foo {
grid-area: 2 span/ another-grid-area span;
}