const borderRadius: { badge: { value: "{borderRadius.full}"; }; banner: { value: "{borderRadius.lg}"; }; cta: { value: "{borderRadius.full}"; }; input: { value: "{borderRadius.sm}"; }; link: { value: "{borderRadius.full}"; }; modal: { value: "{borderRadius.sm}"; }; select: { trigger: { value: "{borderRadius.sm}"; }; list: { value: "{borderRadius.sm}"; }; }; none: { value: 0; }; xs: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.25; }; }; sm: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.5; }; }; md: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.75; }; }; lg: { value: "{font.size.base}"; modify: { type: "multiply"; value: 1; }; }; xl: { value: "{font.size.base}"; modify: { type: "multiply"; value: 1.5; }; }; full: { value: 99999; }; };
readonly badge: { value: "{borderRadius.full}"; };
readonly value: "{borderRadius.full}" = "{borderRadius.full}";
readonly banner: { value: "{borderRadius.lg}"; };
readonly value: "{borderRadius.lg}" = "{borderRadius.lg}";
readonly cta: { value: "{borderRadius.full}"; };
readonly input: { value: "{borderRadius.sm}"; };
readonly value: "{borderRadius.sm}" = "{borderRadius.sm}";
readonly link: { value: "{borderRadius.full}"; };
readonly modal: { value: "{borderRadius.sm}"; };
readonly select: { trigger: { value: "{borderRadius.sm}"; }; list: { value: "{borderRadius.sm}"; }; };
readonly trigger: { value: "{borderRadius.sm}"; };
readonly list: { value: "{borderRadius.sm}"; };
readonly none: { value: 0; };
readonly value: 0 = 0;
readonly xs: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.25; }; };
readonly value: "{font.size.base}" = "{font.size.base}";
readonly modify: { type: "multiply"; value: 0.25; };
readonly type: "multiply" = "multiply";
readonly value: 0.25 = 0.25;
readonly sm: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.5; }; };
readonly modify: { type: "multiply"; value: 0.5; };
readonly value: 0.5 = 0.5;
readonly md: { value: "{font.size.base}"; modify: { type: "multiply"; value: 0.75; }; };
readonly modify: { type: "multiply"; value: 0.75; };
readonly value: 0.75 = 0.75;
readonly lg: { value: "{font.size.base}"; modify: { type: "multiply"; value: 1; }; };
readonly modify: { type: "multiply"; value: 1; };
readonly value: 1 = 1;
readonly xl: { value: "{font.size.base}"; modify: { type: "multiply"; value: 1.5; }; };
readonly modify: { type: "multiply"; value: 1.5; };
readonly value: 1.5 = 1.5;
readonly full: { value: 99999; };
readonly value: 99999 = 99999;
Was this page helpful?