@chakra-ui/react
Version:
Responsive and accessible React UI components built with React and Emotion
32 lines (28 loc) • 607 B
JavaScript
"use strict";
'use strict';
var config = require('../../styled-system/config.cjs');
const iconRecipe = config.defineRecipe({
className: "chakra-icon",
base: {
display: "inline-block",
lineHeight: "1em",
flexShrink: "0",
color: "currentcolor",
verticalAlign: "middle"
},
variants: {
size: {
inherit: {},
xs: { boxSize: "3" },
sm: { boxSize: "4" },
md: { boxSize: "5" },
lg: { boxSize: "6" },
xl: { boxSize: "7" },
"2xl": { boxSize: "8" }
}
},
defaultVariants: {
size: "inherit"
}
});
exports.iconRecipe = iconRecipe;