braid-design-system
Version:
Themeable design system for the SEEK Group
27 lines (26 loc) • 853 B
JavaScript
;
const fileScope = require("@vanilla-extract/css/fileScope");
const css = require("@vanilla-extract/css");
fileScope.setFileScope("src/lib/components/Column/Column.css.ts", "braid-design-system");
const noSpaceBeforeFirstWhenCollapsed = css.style({
":first-child": {
paddingTop: 0
}
}, "noSpaceBeforeFirstWhenCollapsed");
const getSizeStyle = (scale) => ({
flexBasis: `${scale * 100}%`
});
const width = css.styleVariants({
"1/2": getSizeStyle(1 / 2),
"1/3": getSizeStyle(1 / 3),
"2/3": getSizeStyle(2 / 3),
"1/4": getSizeStyle(1 / 4),
"3/4": getSizeStyle(3 / 4),
"1/5": getSizeStyle(1 / 5),
"2/5": getSizeStyle(2 / 5),
"3/5": getSizeStyle(3 / 5),
"4/5": getSizeStyle(4 / 5)
}, "width");
fileScope.endFileScope();
exports.noSpaceBeforeFirstWhenCollapsed = noSpaceBeforeFirstWhenCollapsed;
exports.width = width;