England Football

Efl Learner Profile Age Check 

<div class="efl-learner-profile__section efl-learner-profile-age-check hidden">
    <div class="steps">
        <div class="efl-learner-profile__section--header">
            <h4 class="exist">You cannot access the Bio tab</h4>
        </div>
        <div class="efl-learner-profile__section--nocourse-copy">Sorry! Bio's aren't available for under 18s. We've redirected you to My Learning.</div>
        <a href="#" class="cta cta--primary  profile-age-check" tabindex="0">Ok</a>
    </div>
</div>

No notes defined.

/* No context defined. */
  • Content: 
    .efl-learner-profile-age-check {
  max-width: 70.6rem;
  width: calc(100% - 1.6rem);
  margin: 0 auto;
  position: relative;
  h4 {
    @extend .efl-heading-3;

    display: flex;
    align-items: center;
    margin-bottom: 1.6rem;
    &.exist {
      letter-spacing: 0.16em;
      text-transform: uppercase;
      font-size: 1.6rem;
      line-height: 2.4rem;
      font-weight: 700;
      &::before {
        content: '';
        background: url('./assets/images/profile-icons/alert.svg') no-repeat
          center;
        width: 1.8rem;
        height: 1.8rem;
        background-repeat: no-repeat;
        display: inline-block;
        margin-right: 0.8rem;
      }
    }
  }
  &--copy {
    @extend .efl-p-medium;

    margin-bottom: 0.8rem;
    &::before {
      display: none;
    }
  }
}
  • URL: /components/raw/efl-learner-profile-age-check/efl-learner-profile-age-check.scss
  • Filesystem Path: src/library/components/efl-learner-profile-age-check/efl-learner-profile-age-check.scss
  • Size: 799 Bytes 
<div class="efl-learner-profile__section efl-learner-profile-age-check hidden">
    <div class="steps">
        <div class="efl-learner-profile__section--header">
            <h4 class="exist">You cannot access the Bio tab</h4>
        </div>
        <div class="efl-learner-profile__section--nocourse-copy">Sorry! Bio's aren't available for under 18s. We've redirected you to My Learning.</div>
        <a href="#" class="cta cta--primary  profile-age-check" tabindex="0">Ok</a>
    </div>
</div>