@mirrormedia/lilith-draft-renderer/lib/website/readr/shared-style/index.js

## Introduction

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.textAroundPictureStyle = exports.noSpacingBetweenContent = exports.narrowSpacingBetweenContent = exports.defaultUnorderedListStyle = exports.defaultUlStyle = exports.defaultSpacingBetweenContent = exports.defaultOrderedListStyle = exports.defaultOlStyle = exports.defaultLinkStyle = exports.defaultH2Style = exports.defaultBlockQuoteStyle = exports.blockQuoteSpacingBetweenContent = void 0;

var _styledComponents = require("styled-components");

const blockQuoteSpacingBetweenContent = (0, _styledComponents.css)`
  .public-DraftStyleDefault-block {
    margin-top: 8px;
  }
`;
exports.blockQuoteSpacingBetweenContent = blockQuoteSpacingBetweenContent;
const textAroundPictureStyle = (0, _styledComponents.css)`
  max-width: 33.3%;
  > figure {
    margin-bottom: 0;
    width: 150%;
    transform: unset;
  }
  figcaption {
    padding: 0;
  }
`;
exports.textAroundPictureStyle = textAroundPictureStyle;
const defaultH2Style = (0, _styledComponents.css)`
  ${({
  theme
}) => theme.fontSize.lg};
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.032em;
  color: #000928;

  ${({
  theme
}) => theme.breakpoint.md} {
    ${({
  theme
}) => theme.fontSize.xl};
  }
`;
exports.defaultH2Style = defaultH2Style;
const defaultUlStyle = (0, _styledComponents.css)`
  list-style-type: disc;
  padding-left: 1.2rem;
`;
exports.defaultUlStyle = defaultUlStyle;
const defaultUnorderedListStyle = (0, _styledComponents.css)`
  letter-spacing: 0.01em;
  text-align: justify;
  color: rgba(0, 9, 40, 0.87);
`;
exports.defaultUnorderedListStyle = defaultUnorderedListStyle;
const defaultOlStyle = (0, _styledComponents.css)`
  list-style-type: decimal;
  padding-left: 1.2rem;
`;
exports.defaultOlStyle = defaultOlStyle;
const defaultOrderedListStyle = (0, _styledComponents.css)`
  letter-spacing: 0.01em;
  text-align: justify;
  color: rgba(0, 9, 40, 0.87);
`;
exports.defaultOrderedListStyle = defaultOrderedListStyle;
const defaultLinkStyle = (0, _styledComponents.css)`
  display: inline;
  border-bottom: 2px solid #ebf02c;
  letter-spacing: 0.01em;
  text-align: justify;
  color: rgba(0, 9, 40, 0.87);
  padding-bottom: 2px;

  &:hover {
    border-bottom: 2px solid #04295e;
  }
`;
exports.defaultLinkStyle = defaultLinkStyle;
const defaultBlockQuoteStyle = (0, _styledComponents.css)`
  ${({
  theme
}) => theme.fontSize.sm};
  line-height: 1.6;
  color: rgba(0, 9, 40, 0.66);
  opacity: 0.87;
  padding: 0 20px;
`;
exports.defaultBlockQuoteStyle = defaultBlockQuoteStyle;
const defaultSpacingBetweenContent = (0, _styledComponents.css)`
  .public-DraftStyleDefault-block {
    margin-top: 32px;
  }
`;
exports.defaultSpacingBetweenContent = defaultSpacingBetweenContent;
const narrowSpacingBetweenContent = (0, _styledComponents.css)`
  .public-DraftStyleDefault-block {
    margin-top: 16px;
  }
`;
exports.narrowSpacingBetweenContent = narrowSpacingBetweenContent;
const noSpacingBetweenContent = (0, _styledComponents.css)`
  .public-DraftStyleDefault-block {
    margin-top: unset;
  }
`;
exports.noSpacingBetweenContent = noSpacingBetweenContent;