braid-design-system
Version:
Themeable design system for the SEEK Group
28 lines (27 loc) • 800 B
JavaScript
import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
import { style, styleVariants } from "@vanilla-extract/css";
setFileScope("src/lib/components/Column/Column.css.ts", "braid-design-system");
const noSpaceBeforeFirstWhenCollapsed = style({
":first-child": {
paddingTop: 0
}
}, "noSpaceBeforeFirstWhenCollapsed");
const getSizeStyle = (scale) => ({
flexBasis: `${scale * 100}%`
});
const width = 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");
endFileScope();
export {
noSpaceBeforeFirstWhenCollapsed,
width
};