No notes defined.

<article class="booking-link">
    <div class="booking-link__content">
        <h3 class="booking-link__title  h4">Monday 25 July &ndash; Friday 29 July</h3>
        <p>Book your place by choosing a time and date.</p>
        <p><a class="button" href="#">Book now</a></p>
    </div>
</article>
<article class="booking-link">
    <div class="booking-link__content">
        <h3 class="booking-link__title  h4">Monday 25 July &ndash; Friday 29 July</h3>
        <p>Book your place by choosing a time and date.</p>
        <p><a class="button" href="#">Book now</a></p>
    </div>
</article>
  • Content:
    .booking-link {
        --accent-color: #{$teal};
        margin-bottom: $spacing-xl;
        color: $neutral--primary;
        text-decoration: none;
        padding: $spacing-md calc(#{$spacing-sm} + 2.5%) 0;
        background: $grey-50-pc;
      
        &__title {
          display: table;
          position: relative;
          margin-bottom: $spacing-md;
          padding-right: 1em;
          word-break: break-word;
        }
      
        &__content {
          padding: $spacing-xs 0;
      
          > :first-child {
            margin-top: 0;
          }
      
          > :last-child {
            margin-bottom: 0;
          }
        }
      
        p {
          color: $neutral--primary;
        }
      }
  • URL: /components/raw/booking-link/_booking-link.scss
  • Filesystem Path: src\components\booking-link\_booking-link.scss
  • Size: 637 Bytes