@instructure/quiz-interactions/lib/components/fill_blank/Edit/answer_field/styles.js

A React UI component Library for quiz interaction types.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var generateStyle = function generateStyle(componentTheme) {
  return {
    blankText: {
      margin: "".concat(componentTheme.blankTextMargin, " 0"),
      display: 'flex',
      alignItems: 'center'
    },
    mainWrapper: {
      display: 'flex',
      flexDirection: 'column'
    },
    numCircle: {
      borderRadius: '0.8em',
      border: "".concat(componentTheme.numCircleBorderWidth, " solid ").concat(componentTheme.numCircleBorderColor),
      color: componentTheme.numCircleColor,
      display: 'inline-block',
      lineHeight: '1.6em',
      marginRight: componentTheme.numCircleMargin,
      textAlign: 'center',
      width: '1.6em'
    },
    selectWrapper: {
      flex: 1,
      paddingRight: componentTheme.selectWrapperPadding
    },
    answerTypeWrapper: {
      flex: 2
    },
    optionsWrapper: {
      display: 'flex',
      marginBottom: componentTheme.optionsWrapperMargin
    }
  };
};
var _default = exports["default"] = generateStyle;