@rsmax/redbox-react/src/style.js

A redbox (rsod) component to display your errors.

export default {
  redbox: {
    boxSizing: 'border-box',
    fontFamily: 'sans-serif',
    position: 'fixed',
    padding: '10px',
    top: '0px',
    left: '0px',
    bottom: '0px',
    right: '0px',
    width: '100%',
    background: 'rgb(204, 0, 0)',
    color: 'white',
    zIndex: 2147483647,
    textAlign: 'left',
    fontSize: '16PX',
    wordBreak: 'break-all',
    lineHeight: 1.2,
    overflow: 'auto',
  },
  message: {
    fontWeight: 'bold',
  },
  stack: {
    fontFamily: 'monospace',
    marginTop: '2em',
  },
  frame: {
    marginTop: '1em',
  },
  file: {
    fontSize: '0.8em',
    color: 'rgba(255, 255, 255, 0.7)',
  },
  linkToFile: {
    textDecoration: 'none',
    color: 'rgba(255, 255, 255, 0.7)',
  },
};