Files
test-repo/tests/format/css/tailwind/utility-directive.css
T
SUZUKI Sosuke bd959e1757 Support @utility directive for Tailwind (#17362)
* Ignore operators in `@utility` directive

* Add tests for `@utility` directives

* Add changelog
2025-04-16 11:55:21 +09:00

46 lines
935 B
CSS

@utility tab-* {
tab-size: --value(--tab-size-*);
}
@utility tab-* {
tab-size: --value(integer);
}
@utility tab-* {
tab-size: --value([integer]);
tab-size: --value(integer);
tab-size: --value(--tab-size-*);
}
@utility opacity-* {
opacity: --value([percentage]);
opacity: calc(--value(integer) * 1%);
opacity: --value(--opacity-*);
}
@utility tab-* {
tab-size: --value(--tab-size-*, integer, [integer]);
}
@utility opacity-* {
opacity: calc(--value(integer) * 1%);
opacity: --value(--opacity-*, [percentage]);
}
@utility inset-* {
inset: calc(--var(--spacing) * --value([percentage], [length]));
}
@utility -inset-* {
inset: calc(--var(--spacing) * --value([percentage], [length]) * -1);
}
@utility text-* {
font-size: --value(--font-size-*, [length]);
line-height: --modifier(--line-height-*, [length], [*]);
}
@utility aspect-* {
aspect-ratio: --value(--aspect-ratio-*, ratio, [ratio]);
}