@windijs/utilities
Version:
@windijs/utilities
17 lines (14 loc) • 1.16 kB
JavaScript
import { textDecorationTypeConfig, textDecorationStyleConfig, textDecorationThicknessConfig, boxDecorationBreakConfig, opacityConfig, textDecorationOffsetConfig } from '@windijs/config';
import { createUtility, configHandler, colorHandler } from '@windijs/core';
import { prop } from '@windijs/helpers';
import colors from './colors.js';
var decoration = createUtility("decoration")
.use(configHandler(textDecorationTypeConfig, [prop `-webkit-text-decoration-line`, "textDecorationLine"]))
.use(configHandler(textDecorationStyleConfig, [prop `-webkit-text-decoration-style`, "textDecorationStyle"]))
.use(configHandler(textDecorationThicknessConfig, "textDecorationThickness"))
.use(configHandler(boxDecorationBreakConfig, [prop `-webkit-box-decoration-break`, prop `box-decoration-break`]))
.use(colorHandler(colors, [prop `-webkit-text-decoration-color`, "textDecorationColor"], "--w-text-decoration-opacity"))
.case("opacity", configHandler(opacityConfig, prop `--w-text-decoration-opacity`))
.case("offset", configHandler(textDecorationOffsetConfig, "textUnderlineOffset"))
.init();
export { decoration as default };