swc/crates/swc_css_codegen/tests/fixture/values/function/input.css
Alexander Akait 30c29a30cf
feat(css): Improve codegen where minify: true (#3414)
swc_css_codegen:
 - Improve minification.

swc_css_parser:
 - Add parsing rule for `sum`.
2022-02-01 12:30:44 +00:00

41 lines
1.1 KiB
CSS

div {
transform: rotate(9deg) translate(0px,71px) scale(1.5);
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
filter: drop-shadow(0.25rem 0 0.75rem #ef9035);
animation: 2s infinite alternate steps(10);
background-image: image-set("image.png" 1x, "image-2x.png" 2x,"image-print.png" 600dpi);
padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
}
li::after {
content: "[" counter(listCounter) "] == [" counter(listCounter, upper-roman) "]";
}
li::before {
content: counters(listCounter, ".") " == " counters(listCounter, ".", lower-roman) ;
}
div {
grid-template-columns: fit-content(8ch) fit-content(8ch) 1fr;
}
@font-face {
font-family: examplefont;
src: local(Example Font),
url('examplefont.woff') format("woff"),
url('examplefont.otf') format("opentype");
}
.three {
background-color: var(--my-var, var(--my-background, pink));
}
img, input[type="image"], video, embed, iframe, marquee, object, table {
aspect-ratio: attr(width) / attr(height);
}
div {
prop: func(foo), func(foo);
}