@windijs/utilities
Version:
@windijs/utilities
15 lines (12 loc) • 879 B
JavaScript
import { opacityConfig, ringOffsetConfig, borderWidthConfig } from '@windijs/config';
import { createUtility, configHandler, cssHandler, meld, colorHandler, guard, buildRingWidth } from '@windijs/core';
import { prop } from '@windijs/helpers';
import colors from './colors.js';
var ring = createUtility("ring")
.case("opacity", configHandler(opacityConfig, prop `--w-ring-opacity`))
.case("inset", cssHandler({ "--w-ring-inset": "inset" }))
.case("offset", meld(colorHandler(colors, prop `--w-ring-offset-color`, "--w-ring-offset-opacity"), configHandler(ringOffsetConfig, prop `--w-ring-offset-width`), guard("opacity", configHandler(opacityConfig, prop `--w-ring-offset-opacity`))))
.use(colorHandler(colors, prop `--w-ring-color`, "--w-ring-opacity"))
.use(configHandler(borderWidthConfig, buildRingWidth))
.init();
export { ring as default };