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

A React UI component Library for quiz interaction types.

const generateStyle = componentTheme => {
  return {
    footerContainer: {
      display: 'flex',
      marginTop: componentTheme.footerContainerMargin,
    },
    footerContainerText: {
      flex: '1',
    },
    accessibilityInfo: {
      display: 'flex',
      alignItems: 'center',
      margin: `${componentTheme.accessibilityInfoMargin} 0 ${componentTheme.accessibilityInfoMargin} 0`,
    },
    accessibilityInfoIcon: {
      marginRight: componentTheme.iconRightMargin,
    },
    modalContent: {
      flex: '1',
      display: 'flex',
      flexDirection: 'column',
    },
    alertInfoWrapper: {
      '& button': {
        verticalAlign: 'baseline',
      },
    },
  }
}

export default generateStyle