// RAMEN CMS CONTENT SCOPE
//
//
// Required Global Variables:
// $spacing-medium
// $figcaption-background-color
// $figcaption-color
// $figcaption-padding
// @mixin text-link
// @mixin list
// @mixin list-unordered
// @mixin list-ordered
//
//
// Required Component Variables:
//
// $cms-heading-color: CMS headings color
// $cms-heading-margin-bottom: CMS headings margin bottom
// $cms-p-color: CMS paragraph color
// $cms-p-margin-bottom: CMS paragraph margin-bottom
// $cms-list-color: CMS list color
//
//
.s-cms-content {
  // Headings
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: $cms-heading-color;
    margin-bottom: $cms-heading-margin-bottom;
  }

  h1 {
    @include heading-1;
  }

  h2 {
    @include heading-2;
  }

  h3 {
    @include heading-3;
  }

  h4 {
    @include heading-4;
  }

  h5,
  h6 {
    @include body-text;
  }

  a {
    @include text-link;
    word-break: break-word;
  }

  // Images
  figure {
    margin-bottom: $spacing-medium;
  }

  // Image Captions
  figcaption {
    @include caption-text;
    background: $figcaption-background-color;
    color: $figcaption-color;
    padding: $figcaption-padding;
  }

  p {
    @include body-text;
    color: $cms-p-color;
    margin-bottom: $cms-p-margin-bottom;
    margin-top: 0;
  }

  ul {
    @include list;
    @include list-unordered;
    color: $cms-list-color;
  }

  ol {
    @include list;
    @include list-ordered;
    color: $cms-list-color;
  }
}