@instructure/quiz-interactions/src/components/formula/Edit/styles.js

A React UI component Library for quiz interaction types.

const generateStyle = componentTheme => {
  return {
    sectionHeading: {
      paddingTop: componentTheme.sectionHeadingPaddingTop,
      paddingBottom: componentTheme.sectionHeadingPaddingBottom,
    },

    instructions: {
      paddingBottom: componentTheme.instructionsPaddingBottom,
    },

    generateSolutionsInput: {
      paddingTop: componentTheme.generateSolutionsInputPaddingTop,
    },

    generateButtonWrapper: {
      padding: componentTheme.generateButtonPaddingLeft,
    },

    generatedSolutions: {
      paddingTop: componentTheme.generatedSolutionsPaddingTop,
    },

    marginText: {
      paddingLeft: componentTheme.marginTextPadding,
      paddingRight: componentTheme.marginTextPadding,
    },

    /* Table styles */

    marginPlusMinus: {
      fontWeight: componentTheme.marginPlusMinusWeight,
      color: componentTheme.marginPlusMinusColor,
    },

    tableWrapper: {
      overflow: 'auto',
      '> table': {
        maxWidth: 'initial',
      },
    },
  }
}

export default generateStyle