braid-design-system
Version:
Themeable design system for the SEEK Group
30 lines (29 loc) • 1.11 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/Autosuggest/Autosuggest.css.ts", "braid-design-system");
const backdrop = css.style({
width: "100vw",
height: "100vh",
background: "black"
}, "backdrop");
const backdropVisible = css.style({
opacity: 0.4
}, "backdropVisible");
const calcMenuHeight = (numSuggestions) => cssUtils.calc(lib_themes_vars_css_cjs.vars.touchableSize).multiply(numSuggestions).add(lib_themes_vars_css_cjs.vars.space.xxsmall).toString();
const menu = css.style(lib_css_responsiveStyle_cjs.responsiveStyle({
mobile: {
maxHeight: calcMenuHeight(6),
overflowY: "auto"
},
tablet: {
maxHeight: calcMenuHeight(8)
}
}), "menu");
fileScope.endFileScope();
exports.backdrop = backdrop;
exports.backdropVisible = backdropVisible;
exports.menu = menu;