nice-ui
Version:
React design system, components, and utilities
44 lines (43 loc) • 1.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const nano_theme_1 = require("nano-theme");
const Board_1 = require("../Board");
const blockClass = (0, nano_theme_1.rule)({
// w: '80%',
maxW: '600px',
'min-width': '130px',
mar: '0 auto',
bdrad: '3px',
ov: 'hidden',
svg: {
d: 'block',
},
'.chess-board': {
bdr: '1px solid rgba(0,0,0,.15)',
bdl: '1px solid rgba(0,0,0,.1)',
bdb: '1px solid rgba(0,0,0,.2)',
bdt: '1px solid rgba(0,0,0,.1)',
bdrad: '3px',
boxShadow: '0 1px 4px rgba(0,0,0,.13)',
bg: '#eee',
pos: 'relative',
ov: 'hidden',
w: '100%',
'&:after': {
content: '""',
d: 'block',
padb: '100%',
},
},
'@media (max-width: 600px)': {
'.chess-grid': {
d: 'none',
},
},
});
const Chessboard = ({ ...boardProps }) => {
return (React.createElement("div", { className: blockClass },
React.createElement(Board_1.default, { ...boardProps })));
};
exports.default = Chessboard;