@instructure/quiz-interactions/src/components/fill_blank/drag_components/DraggableBlankChoice/styles.js

A React UI component Library for quiz interaction types.

const generateStyle = (componentTheme, props) => {
  const mq = '@media print'
  return {
    choice: {
      padding: componentTheme.choicePadding,
      border: `${componentTheme.choiceBorder} solid ${componentTheme.choiceBorderColor}`,
      borderRadius: componentTheme.choiceBorderRadius,
      backgroundColor: componentTheme.choiceBackgroundColor,
      display: 'flex',
      alignItems: 'center',
      ...(props.printOnly && {
        display: 'none',
        [mq]: {
          display: 'flex',
        },
      }),
    },
  }
}

export default generateStyle