botframework-webchat-component/src/Styles/StyleSet/TextContent.js

React component of botframework-webchat

/* eslint no-magic-numbers: "off" */

export default function createTextContentStyle({ bubbleMaxWidth, bubbleMinHeight, primaryFont, paddingRegular }) {
  return {
    fontFamily: primaryFont,
    margin: 0,
    minHeight: bubbleMinHeight - paddingRegular * 2,
    padding: paddingRegular,

    '& > :first-child': {
      marginTop: 0
    },

    '& > :last-child': {
      marginBottom: 0
    },

    '&.markdown': {
      '& img': {
        maxWidth: bubbleMaxWidth,
        width: '100%'
      },

      '& pre': {
        overflow: 'hidden'
      }
    }
  };
}