@mapcss/preset-typography
Version:
Typography preset for MapCSS
31 lines (30 loc) • 1.36 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.snap = void 0;
const format_js_1 = require("../../core/utils/format.js");
exports.snap = {
start: { "scroll-snap-align": "start" },
end: { "scroll-snap-align": "end" },
center: { "scroll-snap-align": "center" },
align: {
none: { "scroll-snap-align": "none" },
},
normal: { "scroll-snap-stop": "normal" },
always: { "scroll-snap-stop": "always" },
none: { "scroll-snap-type": "none" },
x: (_, { variablePrefix }) => ({
"scroll-snap-type": `x ${(0, format_js_1.varFn)((0, format_js_1.customProperty)("scroll-snap-strictness", variablePrefix))}`,
}),
y: (_, { variablePrefix }) => ({
"scroll-snap-type": `y ${(0, format_js_1.varFn)((0, format_js_1.customProperty)("scroll-snap-strictness", variablePrefix))}`,
}),
both: (_, { variablePrefix }) => ({
"scroll-snap-type": `both ${(0, format_js_1.varFn)((0, format_js_1.customProperty)("scroll-snap-strictness", variablePrefix))}`,
}),
mandatory: (_, { variablePrefix }) => ({
[(0, format_js_1.customProperty)("scroll-snap-strictness", variablePrefix)]: "mandatory",
}),
proximity: (_, { variablePrefix }) => ({
[(0, format_js_1.customProperty)("scroll-snap-strictness", variablePrefix)]: "proximity",
}),
};