test/configCases/css/minimize-timing-functions/style.css - main - githubmirror/webpack

test/configCases/css/minimize-timing-functions/style.css
88 строк4 KB
Alexander Akait
feat(minify): more safe CSS/HTML transforms, with the name tables generated (#21581)
02 авг 2026, 13:05
02 авг 2026, 13:0523420d3
/* Ported from cssnano's `postcss-normalize-timing-functions` suite and
   lightningcss's `test_easing` cases. */

/*! timing: cubic-bezier(0.25, 0.1, 0.25, 1) */
.t01 { animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1) }
/*! timing: CUBIC-BEZIER(0.25, 0.1, 0.25, 1) */
.t02 { animation-timing-function: CUBIC-BEZIER(0.25, 0.1, 0.25, 1) }
/*! timing: cubic-bezier(0.250, 0.10, 0.250, 1) */
.t03 { animation-timing-function: cubic-bezier(0.250, 0.10, 0.250, 1) }
/*! timing: cubic-bezier(0, 0, 1, 1) */
.t04 { animation-timing-function: cubic-bezier(0, 0, 1, 1) }
/*! timing: cubic-bezier(0.42, 0, 1, 1) */
.t05 { animation-timing-function: cubic-bezier(0.42, 0, 1, 1) }
/*! timing: cubic-bezier(0, 0, 0.58, 1) */
.t06 { animation-timing-function: cubic-bezier(0, 0, 0.58, 1) }
/*! timing: cubic-bezier(0.42, 0, 0.58, 1) */
.t07 { animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1) }
/*! timing: cubic-bezier(0.58, 0.2, 0.11, 1.2) */
.t08 { animation-timing-function: cubic-bezier(0.58, 0.2, 0.11, 1.2) }
/*! timing: cubic-bezier(0.250, 1e-1px, 0.250, 1) */
.t09 { animation-timing-function: cubic-bezier(0.250, 1e-1px, 0.250, 1) }
/*! timing: cubic-bezier(0.25, var(--foo), 0.25, 1) */
.t10 { animation-timing-function: cubic-bezier(0.25, var(--foo), 0.25, 1) }
/*! timing: cubic-bezier(var(--a), var(--b), var(--c), var(--d)) */
.t11 { animation-timing-function: cubic-bezier(var(--a), var(--b), var(--c), var(--d)) }
/*! timing: cubic-bezier() */
.t12 { animation-timing-function: cubic-bezier() }
/*! timing: cubic-bezier(0, 0, 1, 1, 1, 1) */
.t13 { animation-timing-function: cubic-bezier(0, 0, 1, 1, 1, 1) }
/*! timing: steps(1, start) */
.t14 { animation-timing-function: steps(1, start) }
/*! timing: steps(1, START) */
.t15 { animation-timing-function: steps(1, START) }
/*! timing: STEPS(1, start) */
.t16 { animation-timing-function: STEPS(1, start) }
/*! timing: steps(1, jump-start) */
.t17 { animation-timing-function: steps(1, jump-start) }
/*! timing: steps(1, end) */
.t18 { animation-timing-function: steps(1, end) }
/*! timing: steps(1, jump-end) */
.t19 { animation-timing-function: steps(1, jump-end) }
/*! timing: steps(1) */
.t20 { animation-timing-function: steps(1) }
/*! timing: steps(5, start) */
.t21 { animation-timing-function: steps(5,start) }
/*! timing: steps(5, jump-start) */
.t22 { animation-timing-function: steps(5, jump-start) }
/*! timing: steps(10, end) */
.t23 { animation-timing-function: steps(10, end) }
/*! timing: steps(10, jump-end) */
.t24 { animation-timing-function: steps(10, jump-end) }
/*! timing: steps(10, JUMP-END) */
.t25 { animation-timing-function: steps(10, JUMP-END) }
/*! timing: steps(15) */
.t26 { animation-timing-function: steps(15) }
/*! timing: steps(5, jump-both) */
.t27 { animation-timing-function: steps(5, jump-both) }
/*! timing: steps(5, jump-none) */
.t28 { animation-timing-function: steps(5, jump-none) }
/*! timing: fade 3s steps(10, start()) */
.t29 { animation: fade 3s steps(10, start()) }
/*! timing: var(--anim1) */
.t30 { animation-timing-function: var(--anim1) }
/*! timing: step-start passes through */
.t31 { animation-timing-function: step-start }
/*! timing: ease-in-out passes through */
.t32 { animation-timing-function: ease-in-out }
/*! timing: should support multiple timing functions */
.t33 { animation-timing-function: cubic-bezier(0, 0, 1, 1), cubic-bezier(0, 0, 1, 1), steps(1, start) }
/*! timing: should support multiple timing functions (transition) */
.t34 { transition-timing-function: ease-in-out, cubic-bezier(0.42, 0, 1, 1) }
/*! timing: in the animation shorthand */
.t35 { animation: fade 3s cubic-bezier(0.25, 0.1, 0.25, 1) }
/*! timing: in the -webkit-animation shorthand */
.t36 { -webkit-animation: fade 3s cubic-bezier(0.25, 0.1, 0.25, 1) }
/*! timing: in the transition shorthand */
.t37 { transition: color 3s steps(1, jump-start) }
/*! timing: broken syntax */
.t38 { animation: }

/* Cases beyond the upstream suite, covering what webpack's own printer decides. */

/*! webpack: a custom property's easing function is opaque */
.t39 { --easing: cubic-bezier(0.25, 0.1, 0.25, 1) }
/*! webpack: a signed argument still resolves to the keyword */
.t40 { animation-timing-function: cubic-bezier(+0.42, -0, 0.58, 1) }
/*! webpack: a non-integer step count keeps the function */
.t41 { animation-timing-function: steps(1.5, end) }