Styles example

Screen-styles.js

import CSS from '../../utils/css.js';

export default {
  main: {
    position: 'absolute',
    width: 1366,
    height: 768,
    top: 60,
    left: '50%',
    transform: 'translateX(-50%)',
    backgroundColor: CSS.COLORS.WHITE,
    backgroundImage: 'url(/images/grid-dot_10x10.gif)',
    ...CSS.shadow('large'),
  },
};

Screen.jsx

import React from 'react';
import styles from './Screen-styles.js';

export default () => (
  <div style={styles.main}></div>
);