braid-design-system
Version:
Themeable design system for the SEEK Group
45 lines (44 loc) • 1.28 kB
JavaScript
;
const fileScope = require("@vanilla-extract/css/fileScope");
const css = require("@vanilla-extract/css");
const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
fileScope.setFileScope("src/lib/components/Tiles/Tiles.css.ts", "braid-design-system");
const columns = css.createVar("columns");
const mobileColumnsVar = css.createVar("mobileColumnsVar");
const tabletColumnsVar = css.createVar("tabletColumnsVar");
const desktopColumnsVar = css.createVar("desktopColumnsVar");
const wideColumnsVar = css.createVar("wideColumnsVar");
const tiles = css.style([{
display: "grid",
gridTemplateColumns: `repeat(${columns}, 1fr)`
}, lib_css_responsiveStyle_cjs.responsiveStyle({
mobile: {
vars: {
[columns]: mobileColumnsVar
}
},
tablet: {
vars: {
[columns]: tabletColumnsVar
}
},
desktop: {
vars: {
[columns]: desktopColumnsVar
}
},
wide: {
vars: {
[columns]: wideColumnsVar
}
}
})], "tiles");
css.globalStyle(`${tiles} > *`, {
minWidth: 0
});
fileScope.endFileScope();
exports.desktopColumnsVar = desktopColumnsVar;
exports.mobileColumnsVar = mobileColumnsVar;
exports.tabletColumnsVar = tabletColumnsVar;
exports.tiles = tiles;
exports.wideColumnsVar = wideColumnsVar;