All files / molecules/Button style.js

0% Statements 0/0
0% Branches 0/0
0% Functions 0/0
0% Lines 0/0

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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59                                                                                                                     
import css from '../../util/css';
import { text } from '../../Theme/color';
 
export default css({
  defaultStyle: {
    alignItems: 'center',
    borderWidth: 0,
    borderColor: text,
    cursor: 'pointer',
    display: 'inline-flex',
    height: '48px',
    justifyContent: 'center',
    minHeight: '48px',
    outline: 'none',
    paddingTop: 0,
    paddingBottom: 0,
    paddingLeft: '16px',
    paddingRight: '16px',
    WebkitTapHighlightColor: 'transparent',
    tapHighlightColor: 'transparent',
    userSelect: 'none',
  },
  autoHeight: {
    height: 'auto',
  },
  blockLevel: {
    display: 'flex',
    width: '100%',
  },
  fitAll: {
    paddingBottom: 0,
    paddingTop: 0,
    paddingLeft: 0,
    paddingRight: 0,
  },
  fitLeft: { paddingLeft: 0 },
  fitRight: { paddingRight: 0 },
  large: {
    height: '56px',
    minHeight: '56px',
    paddingLeft: '32px',
    paddingRight: '32px',
  },
  outline: {
    background: 'transparent',
    border: '2px solid',
    boxSizing: 'border-box',
  },
  small: {
    height: '32px',
    minHeight: '32px',
    paddingLeft: '8px',
    paddingRight: '8px',
  },
  vertical: {
    flexDirection: 'column',
  },
});