England Football

Global Rte: H 1 

<div class="global-rte-content">
    <h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
    <a href="#">Hyperlink text to access the next page</a>

    <ul>
        <li>Lorem ipsum dolor sit amet, consectetur</li>
        <li>Lorem ipsum dolor sit amet, consectetur</li>
        <li>Lorem ipsum dolor sit amet, consectetur</li>
        <li>Lorem ipsum dolor sit amet, consectetur</li>
    </ul>
    <p><em>Lorem ipsum dolor sit amet, consectetur</em></p>

    <table>
        <tbody>
            <tr>
                <td>
                    <p><strong>Objective</strong></p>
                </td>
                <td>
                    <p><strong>Space</strong></p>
                </td>
                <td>
                    <p><strong>Task</strong></p>
                </td>
            </tr>
            <tr>
                <td>
                    <p>Play forward</p>
                </td>
                <td>
                    <p>A narrow and long area, split into halves.</p>
                </td>
                <td>
                    <p><span data-contrast="none" class="TextRun SCXW222114590 BCX0" style="background-color: #ffffff; margin: 0px; padding: 0px; line-height: 17.2667px; color: #000000;"><span class="NormalTextRun SCXW222114590 BCX0" style="margin: 0px; padding: 0px;">Score as many goals as
                                possible. If you score, the number of one-touch passes made before the goal equates to the number of
                                points you’re awarded. For example, five one-touch passes equal five goals. &nbsp;</span></span></p>
                </td>
            </tr>
    </table>
    <p></p>
</div>

No notes defined.

{
  "tag": "h1",
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit"
}
  • Content: 
    @mixin rte {
  color: $color-interface-light;

  .running-the-session {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  @extend .efl-p-large;
  a {
    color: $blue-accent;
    text-decoration: underline;

    &:hover {
      color: $blue;
    }
  }

  strong {
    font-weight: bold;
    color: $blue;
  }

  em {
    font-style: italic !important;
  }

  h1,
  h2,
  h3,
  h4,
  h5 {
    color: $blue;
    margin-bottom: 2.4rem;
    & > span.articleHeader {
      &::after {
        content: '';
        padding-top: 0.8rem;
        display: block;
        width: 3.2rem;
        height: 0.2rem;
        border-bottom: 2px solid #e1261c;
      }
    }
  }

  p {
    @extend .efl-p-large;
  }

  h1 {
    @extend .efl-heading-1;
  }

  h2 {
    @extend .efl-heading-2;
  }

  h3 {
    @extend .efl-heading-3;
  }

  h4 {
    @extend .efl-heading-4;
  }

  h5 {
    @extend .efl-heading-5;
  }

  p:last-child {
    margin-bottom: 0;
  }
  ul {
    list-style: disc;
  }
  ol {
    list-style: decimal;
  }
  ol[type='i'] {
    list-style: lower-roman;
  }
  ol[type='I'] {
    list-style: upper-roman;
  }
  ol[type='a'] {
    list-style: lower-alpha;
  }
  ol[type='A'] {
    list-style: upper-alpha;
  }
  ul,
  ol {
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 4rem;
    li {
      @extend .efl-p-large;
    }
  }
  table {
    border: 1px solid $grey-light;
    max-width: 100%;
    width: 100% !important;
    td {
      border: 1px solid $grey-light;
      padding: 7px;
      color: $color-interface-light !important;
      width: auto !important;
      span {
        color: $color-interface-light !important;
      }
    }
  }
}

.global-rte-content {
  color: $color-interface-light;
  font: $efl-p-1;

  @include rte();
}

[data-brand='englandfootball'],
[data-brand='englandfootball--supplimentary'],
[data-brand='mens'],
[data-brand='womens'] {
  .global-rte-content {
    font: $p-1;
    p {
      font: $p-1;
    }
    h1 {
      font: $heading-1;
    }
    h2 {
      font: $heading-2;
    }
    h3 {
      font: $heading-3;
    }
    h4 {
      font: $heading-4;
    }
    h5 {
      font: $heading-5;
    }
    ul {
      list-style: disc;
    }
    ol {
      list-style: decimal;
    }
    ol[type='i'] {
      list-style: lower-roman;
    }
    ol[type='I'] {
      list-style: upper-roman;
    }
    ol[type='a'] {
      list-style: lower-alpha;
    }
    ol[type='A'] {
      list-style: upper-alpha;
    }
    ul,
    ol {
      margin-block-start: 1em;
      margin-block-end: 1em;
      padding-inline-start: 4rem;
      li {
        font: $p-1;
      }
    }
  }
}
  • URL: /components/raw/global-rte/global-rte.scss
  • Filesystem Path: src/library/components/text/global-rte/global-rte.scss
  • Size: 2.7 KB 
<div class="global-rte-content">
  <{{tag}}>{{#if modifier}}<span class="{{modifier}}">{{/if}}{{text}}{{#if modifier}}</span>{{/if}}</{{tag}}>
  <p>{{text}}</p>
  <a href="#">Hyperlink text to access the next page</a>

  <ul>
    <li>Lorem ipsum dolor sit amet, consectetur</li>
    <li>Lorem ipsum dolor sit amet, consectetur</li>
    <li>Lorem ipsum dolor sit amet, consectetur</li>
    <li>Lorem ipsum dolor sit amet, consectetur</li>
  </ul>
  <p><em>Lorem ipsum dolor sit amet, consectetur</em></p>

  <table>
    <tbody>
      <tr>
        <td>
          <p><strong>Objective</strong></p>
        </td>
        <td>
          <p><strong>Space</strong></p>
        </td>
        <td>
          <p><strong>Task</strong></p>
        </td>
      </tr>
      <tr>
        <td>
          <p>Play forward</p>
        </td>
        <td>
          <p>A narrow and long area, split into halves.</p>
        </td>
        <td>
          <p><span data-contrast="none" class="TextRun SCXW222114590 BCX0"
              style="background-color: #ffffff; margin: 0px; padding: 0px; line-height: 17.2667px; color: #000000;"><span
                class="NormalTextRun SCXW222114590 BCX0" style="margin: 0px; padding: 0px;">Score as many goals as
                possible. If you score, the number of one-touch passes made before the goal equates to the number of
                points you’re awarded. For example, five one-touch passes equal five goals. &nbsp;</span></span></p>
        </td>
      </tr>
  </table>
  <p></p>
</div>