import { colors, spaces, typography } from '@/styles/variables';
import styled, { css } from 'styled-components';

import { IRichText } from './RichText.interface';

export const StyledRichText = styled.div<IRichText>`
  & p {
    margin: 0;
  }

  ol, ul {
    padding-left: 16px;
  }

  & ol{
    list-style: decimal;
  }
  & ul{
    list-style: disc;
  }

  .dropCap{
    &::first-letter {
      float: left;
      margin-right: ${spaces[4]};
      font-size: ${typography['h2']};
      font-weight: bold;
    }
  }
`;