braid-design-system
Version:
Themeable design system for the SEEK Group
31 lines (30 loc) • 1.23 kB
JavaScript
;
const fileScope = require("@vanilla-extract/css/fileScope");
const css = require("@vanilla-extract/css");
const cssUtils = require("@vanilla-extract/css-utils");
const lib_css_responsiveStyle_cjs = require("../../css/responsiveStyle.cjs");
const lib_themes_vars_css_cjs = require("../../themes/vars.css.cjs");
fileScope.setFileScope("src/lib/components/MenuItemCheckbox/MenuItemCheckbox.css.ts", "braid-design-system");
const checkboxFieldSize = lib_themes_vars_css_cjs.vars.inlineFieldSize.small;
const menuItemCapHeight = css.createVar("menuItemCapHeight");
const crop = css.createVar("crop");
const checkboxSize = css.style([lib_css_responsiveStyle_cjs.responsiveStyle({
mobile: {
vars: {
[menuItemCapHeight]: lib_themes_vars_css_cjs.vars.textSize.standard.mobile.capHeight,
[crop]: cssUtils.calc(checkboxFieldSize).subtract(menuItemCapHeight).divide(2).negate().toString()
}
},
tablet: {
vars: {
[menuItemCapHeight]: lib_themes_vars_css_cjs.vars.textSize.standard.tablet.capHeight
}
}
}), {
height: checkboxFieldSize,
width: checkboxFieldSize,
marginTop: crop,
marginBottom: crop
}], "checkboxSize");
fileScope.endFileScope();
exports.checkboxSize = checkboxSize;