@instructure/quiz-interactions/src/components/file_upload/Take/styles.js

A React UI component Library for quiz interaction types.

const generateStyle = componentTheme => {
  const printMq = '@media print'

  return {
    fileDropContent: {
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      padding: `${componentTheme.fileDropContentPadding} 0`,
      backgroundColor: componentTheme.fileDropContentBackgroundColor,
    },

    fileDropContentIcon: {
      display: 'flex',
      fontSize: componentTheme.fileDropContentIconFontSize,
    },

    fileDropContentLabel: {
      paddingLeft: componentTheme.fileDropContentLabelPadding,
      display: 'flex',
      fontFamily: componentTheme.fileDropContentFontFamily,
    },

    fileDropContentLabelBrowse: {
      paddingLeft: componentTheme.fileDropContentLabelBrowsePadding,
      color: componentTheme.fileDropContentLabelBrowseColor,
      textDecoration: 'underline',
    },

    printOnly: {
      display: 'none',

      [printMq]: {
        display: 'block',
      },
    },
  }
}

export default generateStyle