<commit_before>// This component is purely used for scoping HTML we do not have control over which is output by the CMS.

.l-container.editorial {
  margin-top: $bl*7; // TODO: abstract this out when we have multiple page types
}

.editorial {

  img, 
  iframe {
    max-width:100%;
  }

  a:not([href*="moneyadviceservice"]):after {
    @extend .icon;
    @extend .icon--externalLink;
    color: $color-link-external;
    padding-left: 5px;
  }

  a[href$=".doc"] {
    margin-top: $gw;
    display: inline-block;

    &:before {
      @extend .icon;
      @extend .icon--doc;
      padding-right: 5px;
    }
  }

  table {
    @extend %text--table;
    text-align: left;
  }


  thead {
    color: $color-table-heading;
    background-color: $color-table-background;
  }

  tr:nth-child(even) {
    background-color: $color-table-background-alt;
  }

  th {
    padding: $gw $gw/2;
    border: 1px solid $color-table-border;
  }

  td {
    padding: $gw $gw/2;
    border: 1px solid $color-table-border;
  }

  .callout {
    padding: $gw;
    margin: $gw;
    max-width: 38%;
    float: right;
    border-radius: 10px;
    color: $color-green-tertiary;
    background-color: $color-callout-background;
    line-height: 1.5;

    > h3 {
      margin-bottom: 1.2em;
    }

    > p {
      @extend %text-callout;
      margin-top: 0;
    }
  }

}<commit_msg>Add baseline to editorial components.<commit_after>// This component is purely used for scoping HTML we do not have control over which is output by the CMS.

.l-container.editorial {
  margin-top: $bl*7; // TODO: abstract this out when we have multiple page types
}

.editorial {

  img, 
  iframe {
    max-width:100%;
  }

  a:not([href*="moneyadviceservice"]):after {
    @extend .icon;
    @extend .icon--externalLink;
    color: $color-link-external;
    padding-left: 5px;
  }

  a[href$=".doc"] {
    margin-top: $bl*3;
    display: inline-block;

    &:before {
      @extend .icon;
      @extend .icon--doc;
      padding-right: 5px;
    }
  }

  table {
    @extend %text--table;
    text-align: left;
  }


  thead {
    color: $color-table-heading;
    background-color: $color-table-background;
  }

  tr:nth-child(even) {
    background-color: $color-table-background-alt;
  }

  th {
    padding: $bl*3 $bl*2;
    border: 1px solid $color-table-border;
  }

  td {
    padding: $bl*3 $bl*2;
    border: 1px solid $color-table-border;
  }

  .callout {
    padding: $bl*3;
    margin: $bl*3;
    max-width: 38%;
    float: right;
    border-radius: 10px;
    color: $color-green-tertiary;
    background-color: $color-callout-background;
//    line-height: 1.5;

    > h3 {
      margin-bottom: $bl*3;
    }

    > p {
      @extend %text-callout;
      margin-top: 0;
    }
  }

}
{'fraction_non_alphanumeric': 0.14705882352941177, 'fraction_numerical': 0.01597676107480029, 'mean_word_length': 2.2994011976047903, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6432783', 'n_tokens_mistral': 1074, 'n_tokens_neox': 1007, 'n_words': 230}