react-xhr-uploader/dist-modules/styles.js

ReactJS component for XHR (level 2) file upload

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
var styles = {
  root: {
    border: '1px solid #CACACA',
    padding: 20
  },
  dropTargetStyle: {
    border: '3px dashed #f2e745',
    padding: 10,
    backgroundColor: '#fefcea',
    cursor: 'pointer'
  },
  dropTargetActiveStyle: {
    backgroundColor: '#ccffcc'
  },
  placeHolderStyle: {
    paddingLeft: '20%',
    paddingRight: '20%',
    textAlign: 'center'
  },
  uploadButtonStyle: {
    width: '100%',
    marginTop: 10,
    height: 32,
    alignSelf: 'center',
    cursor: 'pointer',
    backgroundColor: '#fefcea',
    border: '1px solid #f2e745',
    fontSize: 14
  },
  fileset: {
    marginTop: 10,
    paddingTop: 10,
    paddingBottom: 10
  },
  fileDetails: {
    paddingTop: 10,
    display: 'flex',
    alignItems: 'flex-start'
  },
  fileName: {
    flexGrow: '8'
  },
  fileSize: {
    float: 'right',
    flexGrow: '2',
    alignSelf: 'flex-end'
  },
  removeButton: {
    alignSelf: 'flex-end'
  },
  progress: {
    WebkitAppearance: 'none',
    appearance: 'none',
    marginTop: 10,
    width: '100%',
    height: 16
  }
};

exports.default = styles;