braid-design-system
Version:
Themeable design system for the SEEK Group
31 lines (30 loc) • 1.3 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/Inline/Inline.css.ts", "braid-design-system");
const fitContentMobile = css.style({}, "fitContentMobile");
const fitContentTablet = css.style({}, "fitContentTablet");
const fitContentDesktop = css.style({}, "fitContentDesktop");
const fitContentWide = css.style({}, "fitContentWide");
const fitContentStyleRule = {
flexBasis: "auto",
width: "auto",
minWidth: 0
};
css.globalStyle(`${fitContentMobile} > *`, fitContentStyleRule);
css.globalStyle(`${fitContentTablet} > *`, lib_css_responsiveStyle_cjs.responsiveStyle({
tablet: fitContentStyleRule
}));
css.globalStyle(`${fitContentDesktop} > *`, lib_css_responsiveStyle_cjs.responsiveStyle({
desktop: fitContentStyleRule
}));
css.globalStyle(`${fitContentWide} > *`, lib_css_responsiveStyle_cjs.responsiveStyle({
wide: fitContentStyleRule
}));
fileScope.endFileScope();
exports.fitContentDesktop = fitContentDesktop;
exports.fitContentMobile = fitContentMobile;
exports.fitContentStyleRule = fitContentStyleRule;
exports.fitContentTablet = fitContentTablet;
exports.fitContentWide = fitContentWide;