jsfmt.spec.js.snap 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. // Jest Snapshot v1, https://goo.gl/fbAQLP
  2. exports[`lowercase.css 1`] = `
  3. @charset "UTF-8";
  4. $myVar: TRANSLATEX(0);
  5. $myVar2: RGB(255,255,255);
  6. $myVar3: MAROON;
  7. $myVar4: HSLA(120,100%,50%,0.3);
  8. $myVar5: RGBA(0,0,0,0.5);
  9. $myVar6: HSL(120,100%,50%);
  10. $myVar7: linear-gradient(to right, RGBA(0,0,0,0.5), RGB(255,255,255));
  11. .class-1 {
  12. BACKGROUND: HSL(120, 100%, 50%);
  13. BACKGROUND: linear-gradient(to right, $myVar2, RGB(255,255,255));
  14. COLOR: RGB(0, 0, 0);
  15. TRANSFORM: TRANSLATE(0,0) TRANSLATEX(0) TRANSLATEY(0) TRANSLATEZ(0) TRANSLATE3D(0,0,0) MATRIX(1,1,1,1);
  16. TRANSFORM: TRANSLATE(0,0);
  17. TRANSFORM: TRANSLATEX(0);
  18. TRANSFORM: TRANSLATEY(0);
  19. TRANSFORM: TRANSLATE3D(0,0,0);
  20. TRANSFORM: MATRIX(1,1,1,1);
  21. transform: translateY(0) $myVar;
  22. animation: textAnimation 0.1s;
  23. animation: tAnimation 0.1s;
  24. }
  25. .class-2 {
  26. BACKGROUND-COLOR: INDIGO;
  27. BACKGROUND: HSLA(120, 100%, 50%, 0.3);
  28. COLOR: RGBA(0, 0, 0, 0.5);
  29. 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);
  30. TRANSFORM: ROTATE(1deg);
  31. TRANSFORM: ROTATEX(1deg);
  32. TRANSFORM: ROTATEY(1deg);
  33. TRANSFORM: ROTATEZ(1deg);
  34. TRANSFORM: ROTATE3D(0,0,1,1deg);
  35. TRANSFORM: SKEW(1deg);
  36. TRANSFORM: SKEWX(1deg);
  37. TRANSFORM: SKEWY(1deg);
  38. TRANSFORM: SCALE(1, 1);
  39. TRANSFORM: SCALEX(1);
  40. TRANSFORM: SCALEY(1);
  41. }
  42. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  43. @charset "UTF-8";
  44. $myVar: TRANSLATEX(0);
  45. $myVar2: RGB(255, 255, 255);
  46. $myVar3: MAROON;
  47. $myVar4: HSLA(120, 100%, 50%, 0.3);
  48. $myVar5: RGBA(0, 0, 0, 0.5);
  49. $myVar6: HSL(120, 100%, 50%);
  50. $myVar7: linear-gradient(to right, RGBA(0, 0, 0, 0.5), RGB(255, 255, 255));
  51. .class-1 {
  52. background: HSL(120, 100%, 50%);
  53. background: linear-gradient(to right, $myVar2, RGB(255, 255, 255));
  54. color: RGB(0, 0, 0);
  55. transform: TRANSLATE(0, 0) TRANSLATEX(0) TRANSLATEY(0) TRANSLATEZ(0)
  56. TRANSLATE3D(0, 0, 0) MATRIX(1, 1, 1, 1);
  57. transform: TRANSLATE(0, 0);
  58. transform: TRANSLATEX(0);
  59. transform: TRANSLATEY(0);
  60. transform: TRANSLATE3D(0, 0, 0);
  61. transform: MATRIX(1, 1, 1, 1);
  62. transform: translateY(0) $myVar;
  63. animation: textAnimation 0.1s;
  64. animation: tAnimation 0.1s;
  65. }
  66. .class-2 {
  67. background-color: INDIGO;
  68. background: HSLA(120, 100%, 50%, 0.3);
  69. color: RGBA(0, 0, 0, 0.5);
  70. transform: ROTATE(1deg) ROTATEX(1deg) ROTATEY(1deg) ROTATEZ(1deg)
  71. ROTATE3D(0, 0, 1, 1deg) SKEW(1deg) SKEWX(1deg) SKEWY(1deg) SCALE(1, 1)
  72. SCALEX(1) SCALEY(1);
  73. transform: ROTATE(1deg);
  74. transform: ROTATEX(1deg);
  75. transform: ROTATEY(1deg);
  76. transform: ROTATEZ(1deg);
  77. transform: ROTATE3D(0, 0, 1, 1deg);
  78. transform: SKEW(1deg);
  79. transform: SKEWX(1deg);
  80. transform: SKEWY(1deg);
  81. transform: SCALE(1, 1);
  82. transform: SCALEX(1);
  83. transform: SCALEY(1);
  84. }
  85. `;