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 column = style({}, "column");
const columnContent = style({
  selectors: {
    [`${column}:first-child > &`]: {
      paddingTop: 0
    }
  }
}, "columnContent");
const getSizeStyle = (scale) => ({
  flex: `0 0 ${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 {
  column,
  columnContent,
  width
};
