Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | 1x 4x | import css from '../../util/css';
import * as colors from '../../Theme/color';
const { paper } = colors;
const roundCorners = radius => ({
borderBottomLeftRadius: radius,
borderBottomRightRadius: radius,
borderTopLeftRadius: radius,
borderTopRightRadius: radius,
});
export default css({
defaultStyle: {
...roundCorners('3px'),
boxSizing: 'border-box',
backgroundColor: paper,
position: 'relative',
},
clip: { overflow: 'hidden' },
disabled: {
opacity: '0.4',
pointerEvents: 'none',
userSelect: 'none',
},
hard: { ...roundCorners('0') },
hardBottom: { borderBottomLeftRadius: '0', borderBottomRightRadius: '0' },
hardLeft: { borderBottomLeftRadius: '0', borderTopLeftRadius: '0' },
hardTop: { borderTopLeftRadius: '0', borderTopRightRadius: '0' },
hardRight: { borderBottomRightRadius: '0', borderTopRightRadius: '0' },
readOnly: {
pointerEvents: 'none',
userSelect: 'none',
},
round: {
...roundCorners('50%'),
},
rounded: {
...roundCorners('1200vw'),
},
transparent: { backgroundColor: 'transparent' },
});
|