All files / atoms/Paper style.js

100% Statements 3/3
100% Branches 0/0
100% Functions 1/1
100% Lines 2/2

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' },
});