nice-ui
Version:
React design system, components, and utilities
34 lines (33 loc) • 1.01 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const nano_theme_1 = require("nano-theme");
const React = require("react");
const DocsMd_1 = require("../DocsMd");
const blockClass = (0, nano_theme_1.rule)({
pos: 'relative',
fz: '0.95em',
mar: '20px 0 0 0',
bxz: 'border-box',
maxW: '780px',
bd: `1px solid ${nano_theme_1.theme.g(0.92)}`,
bdl: '3px solid #07f',
bdrad: '4px',
pad: '24px 48px 24px 32px',
bg: nano_theme_1.theme.g(0.99),
'&:hover': {
bd: `1px solid ${nano_theme_1.theme.g(0.8)}`,
bdl: '3px solid ' + nano_theme_1.theme.g(0.4),
},
svg: {
fill: nano_theme_1.theme.g(0.4),
col: nano_theme_1.theme.g(0.4),
},
'@media (max-width: 800px)': {
pad: '16px',
},
});
const Note = ({ node }) => {
return (React.createElement("div", { className: 'ff-note' + blockClass },
React.createElement(DocsMd_1.default, { md: node.value })));
};
exports.default = Note;