Christopher Chedeau
78ba808322
I wanted to see how hard it would be to add support for CSS inside of prettier. Turns out, it's not that hard. I spent a few hours printing post-css values and getting all the stylefmt unit tests to not throw.
43 lines
1.3 KiB
CSS
43 lines
1.3 KiB
CSS
@charset "UTF-8";
|
|
|
|
$myVar: TRANSLATEX(0);
|
|
$myVar2: RGB(255,255,255);
|
|
$myVar3: MAROON;
|
|
$myVar4: HSLA(120,100%,50%,0.3);
|
|
$myVar5: RGBA(0,0,0,0.5);
|
|
$myVar6: HSL(120,100%,50%);
|
|
$myVar7: linear-gradient(to right, RGBA(0,0,0,0.5), RGB(255,255,255));
|
|
|
|
.class-1 {
|
|
BACKGROUND: HSL(120, 100%, 50%);
|
|
BACKGROUND: linear-gradient(to right, $myVar2, RGB(255,255,255));
|
|
COLOR: RGB(0, 0, 0);
|
|
TRANSFORM: TRANSLATE(0,0) TRANSLATEX(0) TRANSLATEY(0) TRANSLATEZ(0) TRANSLATE3D(0,0,0) MATRIX(1,1,1,1);
|
|
TRANSFORM: TRANSLATE(0,0);
|
|
TRANSFORM: TRANSLATEX(0);
|
|
TRANSFORM: TRANSLATEY(0);
|
|
TRANSFORM: TRANSLATE3D(0,0,0);
|
|
TRANSFORM: MATRIX(1,1,1,1);
|
|
transform: translateY(0) $myVar;
|
|
animation: textAnimation 0.1s;
|
|
animation: tAnimation 0.1s;
|
|
}
|
|
|
|
.class-2 {
|
|
BACKGROUND-COLOR: INDIGO;
|
|
BACKGROUND: HSLA(120, 100%, 50%, 0.3);
|
|
COLOR: RGBA(0, 0, 0, 0.5);
|
|
TRANSFORM: ROTATE(1deg) ROTATEX(1deg) ROTATEY(1deg) ROTATEZ(1deg) ROTATE3D(0,0,1,1deg) SKEW(1deg) SKEWX(1deg) SKEWY(1deg) SCALE(1, 1) SCALEX(1) SCALEY(1);
|
|
TRANSFORM: ROTATE(1deg);
|
|
TRANSFORM: ROTATEX(1deg);
|
|
TRANSFORM: ROTATEY(1deg);
|
|
TRANSFORM: ROTATEZ(1deg);
|
|
TRANSFORM: ROTATE3D(0,0,1,1deg);
|
|
TRANSFORM: SKEW(1deg);
|
|
TRANSFORM: SKEWX(1deg);
|
|
TRANSFORM: SKEWY(1deg);
|
|
TRANSFORM: SCALE(1, 1);
|
|
TRANSFORM: SCALEX(1);
|
|
TRANSFORM: SCALEY(1);
|
|
}
|