<section class="c-quick-links-cards c-quick-links-cards--image-overlay l-wrap l-container--full">
      <div class="c-quick-links-cards__container l-container">
          <div class="c-section-header c-section-header--split l-container--md">
              <div class="c-section-header__title">
                  <span class="o-kicker c-section-header__kicker">
                      Kicker
                  </span>
                  <h2 class="o-heading o-heading--xl c-section-header__heading">
                      Heading
                  </h2>
              </div>
              <div class="o-dek c-section-header__dek">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus id nisi ac ornare.
              </div>
              <a class="o-button c-section-header__button" href="/">
                  <span class="o-button__label">
                      View All
                  </span>
              </a>
          </div>
          <div class="c-quick-links-cards__items" data-grid="grid 6@md 4@lg">
              <div class="c-quick-links-card c-quick-links-card--image-overlay js-gsap-scale-in">
                  <a class="o-link c-quick-links-card__link-overlay" href="/" target="_self" tabindex="0" aria-label="Card Title">
                  </a>

                  <style>
                      .o-background-image--quick-links-card-01 {
                          background-image: url("https://picsum.photos/id/43/480/480");
                      }

                      @media(min-width: 480px) {
                          .o-background-image--quick-links-card-01 {
                              background-image: url("https://picsum.photos/id/43/768/768");
                          }
                      }
                  </style>
                  <div class="o-background-image c-quick-links-card__background o-background-image--quick-links-card-01"></div>
                  <div class="c-quick-links-card__content">
                      <div class="c-quick-links-card__body">
                          <span class="o-icon o-icon--xl c-quick-links-card__icon">
                              <svg width="48" height="48" viewBox="0 0 48 48" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.0862 8.57021C11.7434 8.92088 10.4348 9.18603 9.19458 9.33143C7.92872 9.47684 6.72274 9.48539 5.58518 9.32288C5.66215 10.2381 6.06415 11.0592 6.67142 11.6664C7.35567 12.3507 8.29651 12.7698 9.33999 12.7698C10.3835 12.7698 11.3243 12.3507 12.0086 11.6664C12.6842 10.9822 13.1119 10.0413 13.1119 8.99786C13.1119 8.85246 13.1119 8.70706 13.0862 8.57021ZM24.7356 7.07341H39.3614V9.12616H24.7356V7.07341ZM45.8275 4.07128H48V2.01853H33.0748V0H31.0221V2.01853H16.0969V4.07128H18.2694V13.933H20.3222V4.07128H43.7748V25.2915H20.3222V23.7006H18.2694V27.3443H31.0221V29.2345C30.603 29.3885 30.2181 29.6279 29.9102 29.9444C29.3628 30.4918 29.0207 31.253 29.0207 32.0827C29.0207 32.9123 29.3628 33.6821 29.9102 34.2295C30.4576 34.7769 31.2188 35.119 32.057 35.119C32.8952 35.119 33.6565 34.7769 34.2038 34.2295C34.7513 33.6821 35.0934 32.9209 35.0934 32.0827C35.0934 31.2445 34.7513 30.4918 34.2038 29.9359C33.8874 29.6194 33.5111 29.3713 33.0834 29.2259V27.3443H45.8361V4.07128H45.8275ZM32.7413 31.3899C32.9123 31.5609 33.0235 31.809 33.0235 32.0827C33.0235 32.3564 32.9123 32.5959 32.7327 32.7755C32.5531 32.9551 32.3051 33.0663 32.0399 33.0663C31.7748 33.0663 31.5182 32.9551 31.3471 32.784C31.1675 32.6044 31.0563 32.3564 31.0563 32.0827C31.0563 31.809 31.1675 31.5609 31.3386 31.3899C31.5096 31.2103 31.7577 31.0991 32.0314 31.0991C32.3051 31.0991 32.5445 31.2103 32.7242 31.3899H32.7413ZM31.4754 19.2958H39.3614V21.3485H31.4754V19.2958ZM31.4754 15.2673H39.3614V17.32H31.4754V15.2673ZM24.7356 11.1105H39.3614V13.1632H24.7356V11.1105ZM9.33999 22.7769C8.77548 22.7769 8.31361 23.2388 8.31361 23.8033C8.31361 24.3678 8.77548 24.8297 9.33999 24.8297C9.90449 24.8297 10.3664 24.3678 10.3664 23.8033C10.3664 23.2388 9.90449 22.7769 9.33999 22.7769ZM9.33999 26.3093C8.77548 26.3093 8.31361 26.7712 8.31361 27.3357C8.31361 27.9002 8.77548 28.3621 9.33999 28.3621C9.90449 28.3621 10.3664 27.9002 10.3664 27.3357C10.3664 26.7712 9.90449 26.3093 9.33999 26.3093ZM12.3079 17.8076H25.779V20.0399H13.8047V21.0663L13.8218 45.9387H10.3664V33.8874C10.3664 33.3229 9.90449 32.861 9.33999 32.861C8.77548 32.861 8.31361 33.3229 8.31361 33.8874V45.9387H4.85816V30.4918H2.05274V22.5716C2.05274 21.2545 2.56593 20.057 3.37847 19.1932C4.15681 18.3806 5.20884 17.8589 6.37206 17.8161L8.61297 20.057L9.33999 20.784L10.067 20.057L12.3079 17.8161V17.8076ZM26.8054 15.7548H27.8318V22.0927H15.8489L15.866 46.9651V47.9914H14.8396H2.80542V32.5445H0V22.5716C0 20.7156 0.727014 19.0135 1.89879 17.7819C3.07912 16.5331 4.71276 15.7634 6.51746 15.7634H7.21882L7.51818 16.0627L9.33999 17.8845L11.1618 16.0627L11.4612 15.7634H26.814L26.8054 15.7548ZM5.97006 7.3129C6.8938 7.43264 7.90306 7.41554 8.9722 7.29579C10.0328 7.17605 11.1447 6.95367 12.2994 6.66287C12.2053 6.55167 12.1112 6.44048 12.0086 6.33785C11.3329 5.6536 10.3835 5.2345 9.33999 5.2345C8.29651 5.2345 7.35567 5.6536 6.67142 6.33785C6.38917 6.6201 6.14968 6.94512 5.97006 7.3129ZM9.33999 3.18175C10.9394 3.18175 12.3934 3.83179 13.454 4.88382C14.5061 5.93585 15.1561 7.38988 15.1561 8.99786C15.1561 10.6058 14.5061 12.0513 13.454 13.1119C12.402 14.1639 10.948 14.814 9.33999 14.814C7.732 14.814 6.27798 14.1639 5.22594 13.1119C4.17391 12.0513 3.51532 10.5973 3.51532 8.99786C3.51532 7.39843 4.16536 5.93585 5.22594 4.88382C6.27798 3.83179 7.732 3.1732 9.33999 3.1732V3.18175Z" />
                              </svg>
                          </span>
                          <h3 class="o-heading o-heading--sm c-quick-links-card__heading">
                              Card Title
                          </h3>
                          <div class="o-dek c-quick-links-card__dek">
                              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus id nisi ac ornare.
                          </div>
                      </div>
                      <a class="o-button o-button--tertiary c-quick-links-card__button" href="/" tabindex="-1">
                          <span class="o-button__label">
                              View More
                          </span>
                          <span class="o-icon o-icon--md">
                              <svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
                              </svg>
                          </span>
                      </a>
                  </div>
              </div>
              <div class="c-quick-links-card c-quick-links-card--image-overlay js-gsap-scale-in">
                  <a class="o-link c-quick-links-card__link-overlay" href="/" target="_self" tabindex="0" aria-label="Card Title">
                  </a>

                  <style>
                      .o-background-image--quick-links-card-02 {
                          background-image: url("https://picsum.photos/id/57/480/480");
                      }

                      @media(min-width: 480px) {
                          .o-background-image--quick-links-card-02 {
                              background-image: url("https://picsum.photos/id/57/768/768");
                          }
                      }
                  </style>
                  <div class="o-background-image c-quick-links-card__background o-background-image--quick-links-card-02"></div>
                  <div class="c-quick-links-card__content">
                      <div class="c-quick-links-card__body">
                          <span class="o-icon o-icon--xl c-quick-links-card__icon">
                              <svg width="48" height="48" viewBox="0 0 48 48" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M41.9348 31.9686H44.1248V34.0217H41.9348V31.9686ZM1.02656 0H0V33.902H17.9989C18.2214 37.6917 19.8553 41.0964 22.3703 43.62C25.0907 46.3404 28.8462 48.0171 32.9866 48.0171C37.1271 48.0171 40.8911 46.3318 43.6029 43.62C46.3147 40.9082 48 37.1442 48 33.0037C48 28.8633 46.3147 25.0993 43.6029 22.3875C41.9861 20.7706 40.0014 19.5217 37.7858 18.7688V0H1.02656ZM35.7327 2.05311V5.09856H2.05311V2.05311H35.7327ZM2.05311 7.15167H35.7327V18.2299C34.9542 18.0845 34.1501 17.9989 33.3374 17.9818H33.3032H33.2689H33.2347H33.2005H33.1748H33.1406H33.0465H33.0123H32.9781H32.7813H32.5931H32.4049H32.2167V17.9904H32.0285V17.9989H31.8489V18.016L31.6692 18.0331L31.5152 18.0503H31.481H31.4725L31.2928 18.0674L31.1303 18.0845H31.1046H31.0961C27.717 18.5122 24.6801 20.0691 22.3875 22.3618C22.2506 22.4987 22.1223 22.6355 21.9939 22.7724V21.4208H15.8346V27.5801H18.9913C18.478 28.9146 18.1444 30.3433 18.0331 31.8318H2.05311V7.15167ZM7.66494 11.1296H12.7977V17.2889H6.63839V11.1296H7.66494ZM10.7446 13.1827V15.2358H8.6915V13.1827H10.7446ZM7.66494 21.4379H12.7977V27.5972H6.63839V21.4379H7.66494ZM10.7446 23.491V25.5441H8.6915V23.491H10.7446ZM19.9237 23.491V25.5441H17.8706V23.491H19.9237ZM26.0146 11.1296H31.1474V17.2889H24.9881V11.1296H26.0146ZM29.0943 13.1827V15.2358H27.0412V13.1827H29.0943ZM16.8441 11.1296H21.9768V17.2889H15.8175V11.1296H16.8441ZM19.9237 13.1827V15.2358H17.8706V13.1827H19.9237ZM42.1572 23.8332C39.8817 21.5577 36.7678 20.129 33.3288 20.0435H33.3117H33.2262H33.2005H33.1748H33.1492H33.1235H33.038H33.0123H32.8498H32.6872H32.5247H32.3621H32.1996V20.052H32.0371V20.0606L31.8745 20.0777L31.7206 20.0948C28.6665 20.4028 25.9291 21.7715 23.876 23.8246C21.532 26.1686 20.0777 29.4108 20.0777 32.9952C20.0777 36.5796 21.532 39.8132 23.876 42.1657C26.2199 44.5097 29.4621 45.964 33.0465 45.964C36.6309 45.964 39.8646 44.5097 42.2171 42.1657C44.5696 39.8218 46.0153 36.5796 46.0153 32.9952C46.0153 29.4108 44.561 26.1772 42.2171 23.8246L42.1572 23.8332ZM34.0132 29.4621C34.612 29.6332 35.151 29.9583 35.5872 30.3946C36.2545 31.0618 36.6651 31.9772 36.6651 32.9952C36.6651 33.3203 36.6223 33.6368 36.5454 33.9448L40.3094 36.2545L39.2401 37.9996L35.4846 35.6984C34.8259 36.3058 33.9533 36.6737 32.9866 36.6737C31.9772 36.6737 31.0618 36.2631 30.3946 35.5958C29.7273 34.9285 29.3167 34.0132 29.3167 33.0037C29.3167 31.9943 29.7273 31.0704 30.3946 30.4031C30.8309 29.9754 31.3613 29.6503 31.9686 29.4707V23.1317H34.0217V29.4707L34.0132 29.4621ZM34.133 31.8489C34.4238 32.1397 34.612 32.5503 34.612 32.9952C34.612 33.44 34.4324 33.8507 34.1415 34.1415C33.8507 34.4324 33.44 34.6206 32.9952 34.6206C32.5503 34.6206 32.1397 34.4409 31.8489 34.1501C31.558 33.8592 31.3784 33.4486 31.3784 32.9952C31.3784 32.5418 31.558 32.1397 31.8574 31.8489C32.1483 31.558 32.5504 31.3698 33.0037 31.3698C33.4571 31.3698 33.8592 31.5495 34.1501 31.8489H34.133ZM31.9601 44.1333V41.9433H34.0132V44.1333H31.9601ZM21.8571 31.9686H24.0471V34.0217H21.8571V31.9686Z" />
                              </svg>
                          </span>
                          <h3 class="o-heading o-heading--sm c-quick-links-card__heading">
                              Card Title
                          </h3>
                          <div class="o-dek c-quick-links-card__dek">
                              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus id nisi ac ornare.
                          </div>
                      </div>
                      <a class="o-button o-button--tertiary c-quick-links-card__button" href="/" tabindex="-1">
                          <span class="o-button__label">
                              View More
                          </span>
                          <span class="o-icon o-icon--md">
                              <svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
                              </svg>
                          </span>
                      </a>
                  </div>
              </div>
              <div class="c-quick-links-card c-quick-links-card--image-overlay js-gsap-scale-in">
                  <a class="o-link c-quick-links-card__link-overlay" href="/" target="_self" tabindex="0" aria-label="Card Title">
                  </a>

                  <style>
                      .o-background-image--quick-links-card-03 {
                          background-image: url("https://picsum.photos/id/133/480/480");
                      }

                      @media(min-width: 480px) {
                          .o-background-image--quick-links-card-03 {
                              background-image: url("https://picsum.photos/id/133/768/768");
                          }
                      }
                  </style>
                  <div class="o-background-image c-quick-links-card__background o-background-image--quick-links-card-03"></div>
                  <div class="c-quick-links-card__content">
                      <div class="c-quick-links-card__body">
                          <span class="o-icon o-icon--xl c-quick-links-card__icon">
                              <svg width="48" height="48" viewBox="0 0 48 48" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M41.1954 11.8695H46.1393C46.7126 11.8695 47.2103 12.14 47.5565 12.5943C47.8269 12.9405 48 13.4057 48 13.8925V16.7918C48 17.2786 47.8269 17.7437 47.5565 18.0899C47.2103 18.5335 46.7126 18.8147 46.1393 18.8147H43.3482L47.0805 23.6504L47.3509 24.0074V36.7079H43.478V41.1542C43.478 41.76 43.2292 42.3117 42.8289 42.7228C42.4287 43.1339 41.8769 43.3827 41.2603 43.3827H35.5159C34.9101 43.3827 34.3583 43.1339 33.9473 42.7336C33.547 42.3225 33.2982 41.7708 33.2982 41.165V36.7187H14.691V41.165C14.691 41.7708 14.4422 42.3225 14.0419 42.7336C13.6416 43.1447 13.0899 43.3935 12.4733 43.3935H6.72887C6.12306 43.3935 5.57133 43.1447 5.16024 42.7444C4.75997 42.3333 4.51116 41.7816 4.51116 41.1758V36.7295H0.627451V24.0291L0.897904 23.6721L4.63016 18.8364H1.86072C1.28736 18.8364 0.789723 18.5659 0.443543 18.1116C0.17309 17.7654 0 17.3002 0 16.8134V13.9141C0 13.4273 0.17309 12.9621 0.443543 12.616C0.789723 12.1724 1.28736 11.8911 1.86072 11.8911H6.8046L7.81068 7.36917L7.99459 6.53617L8.82759 6.3739C13.4794 5.45436 18.7803 5 24.0595 5C29.3387 5 34.5639 5.45436 39.1832 6.3739L40.0054 6.53617L40.1893 7.36917L41.1954 11.8911V11.8695ZM40.8925 36.7079H35.9053V40.7863H40.8925V36.7079ZM12.0947 36.7079H7.10751V40.7863H12.0947V36.7079ZM40.8709 19.8208H7.12914L3.52671 24.4834H9.13049C9.70385 24.4834 10.2231 24.7323 10.6018 25.1217C10.9588 25.5003 11.1859 26.0088 11.1859 26.5713V29.741C11.1859 30.2928 10.9588 30.812 10.6018 31.1907C10.2231 31.5909 9.70385 31.8289 9.13049 31.8289H3.2238V34.1007H44.7654V31.8289H38.8479C38.2745 31.8289 37.7552 31.5801 37.3766 31.1907C37.0196 30.812 36.7924 30.3036 36.7924 29.741V26.5713C36.7924 26.0196 37.0196 25.5003 37.3766 25.1217C37.7552 24.7214 38.2745 24.4834 38.8479 24.4834H44.4517L40.8492 19.8208H40.8709ZM3.2238 27.0798V29.2434H8.58959V27.0798H3.2238ZM44.7654 29.2326V27.069H39.3996V29.2326H44.7654ZM39.735 17.2245L37.8526 8.74307C33.6119 7.96417 28.8411 7.57471 24.0595 7.57471C19.2779 7.57471 14.4314 7.96417 10.1474 8.74307L8.26504 17.2245H39.7458H39.735ZM42.1582 16.2076H45.3928V14.4659H41.7688L42.1582 16.2076ZM5.83097 16.2076L6.22042 14.4659H2.59635V16.2076H5.83097ZM16.9195 24.0074C16.1623 24.0074 15.4807 24.3103 14.9831 24.808C14.4855 25.3056 14.1826 25.9872 14.1826 26.7444V29.568C14.1826 30.3144 14.4855 30.9959 14.9831 31.4936C15.4807 31.9912 16.1623 32.3049 16.9087 32.3049H31.0805C31.8269 32.3049 32.5085 32.002 33.0061 31.5044C33.5037 31.0068 33.8066 30.3252 33.8066 29.568V26.7444C33.8066 25.998 33.5037 25.3164 33.0061 24.8188C32.5085 24.3212 31.8269 24.0074 31.0696 24.0074H16.8979H16.9195ZM31.0805 26.6038H16.9087C16.9087 26.6038 16.833 26.6146 16.8114 26.6471C16.8114 26.6471 16.7681 26.7012 16.7681 26.7444V29.568C16.7681 29.568 16.7789 29.6437 16.8005 29.6653C16.8005 29.6653 16.8546 29.7086 16.8979 29.7086H31.0696C31.0696 29.7086 31.1454 29.6978 31.167 29.6761C31.167 29.6761 31.1995 29.6112 31.1995 29.5788V26.7552C31.1995 26.7552 31.1886 26.6795 31.1562 26.6579C31.1562 26.6579 31.0913 26.6146 31.0588 26.6146L31.0805 26.6038Z" fill="#B23B10" />
                              </svg>
                          </span>
                          <h3 class="o-heading o-heading--sm c-quick-links-card__heading">
                              Card Title
                          </h3>
                          <div class="o-dek c-quick-links-card__dek">
                              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus id nisi ac ornare.
                          </div>
                      </div>
                      <a class="o-button o-button--tertiary c-quick-links-card__button" href="/" tabindex="-1">
                          <span class="o-button__label">
                              View More
                          </span>
                          <span class="o-icon o-icon--md">
                              <svg width="24" height="24" viewBox="0 0 24 24" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
                                  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6874 6.27566C14.055 5.90811 14.6509 5.90811 15.0185 6.27566L20 11.6471C20 11.6621 19.9996 11.6772 19.9989 11.6922C19.9882 11.9178 19.8966 12.1403 19.7243 12.3126L15.0185 17.0185C14.6509 17.386 14.055 17.386 13.6874 17.0185C13.3199 16.6509 13.3199 16.055 13.6874 15.6874L16.7866 12.5882H4.94118C4.42138 12.5882 4 12.1669 4 11.6471C4 11.1273 4.42138 10.7059 4.94118 10.7059H16.7866L13.6874 7.60669C13.3199 7.23914 13.3199 6.64322 13.6874 6.27566ZM15.0185 6.27566L20 11.6384C19.9978 11.4004 19.9059 11.1631 19.7243 10.9815L15.0185 6.27566Z" />
                              </svg>
                          </span>
                      </a>
                  </div>
              </div>
          </div>
      </div>
  </section>
{% set base_class = quick_links_cards.base_class|default('c-quick-links-cards') %}
{% if quick_links_cards.items %}
  <section class="{{ bem(base_class, quick_links_cards.element, quick_links_cards.modifiers, quick_links_cards.extra) }} l-wrap l-container--full">
    <div class="{{ bem(base_class, 'container') }} l-container">
      {% include "@section-header" with quick_links_cards %}
      <div class="{{ bem(base_class, 'items') }}" data-grid="grid 6@md 4@lg">
        {% for item in quick_links_cards.items %}
          {% set modifiers = {"modifiers": quick_links_cards.modifiers} %}
          {% set quick_links_card = item.quick_links_card|default({})|merge(modifiers) %}
          {% set item = item|merge({"quick_links_card": quick_links_card}) %}
          {% include "@quick-links-card" with item %}
        {% endfor %}
      </div>
    </div>
  </section>
{% endif %}
{
  "quick_links_cards": {
    "section_header": {
      "kicker": "Kicker",
      "heading": "Heading",
      "dek": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus id nisi ac ornare.",
      "button": {
        "url": "/",
        "text": "View All"
      },
      "modifiers": "split"
    },
    "items": [
      {
        "quick_links_card": {
          "id": "01",
          "image": "https://picsum.photos/id/43",
          "icon": "about-us",
          "heading": "Card Title",
          "dek": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus id nisi ac ornare.",
          "link": {
            "url": "/",
            "text": "View More"
          }
        }
      },
      {
        "quick_links_card": {
          "id": "02",
          "image": "https://picsum.photos/id/57",
          "icon": "news-updates",
          "heading": "Card Title",
          "dek": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus id nisi ac ornare.",
          "link": {
            "url": "/",
            "text": "View More"
          },
          "modifiers": "image-overlay"
        }
      },
      {
        "quick_links_card": {
          "id": "03",
          "image": "https://picsum.photos/id/133",
          "icon": "traveler-information",
          "heading": "Card Title",
          "dek": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum maximus id nisi ac ornare.",
          "link": {
            "url": "/",
            "text": "View More"
          }
        }
      }
    ],
    "modifiers": "image-overlay"
  }
}
  • Content:
    /* ------------------------------------*\
      $QUICK-LINKS-CARDS
    \*------------------------------------ */
    
    .c-quick-links-cards {
      &__items {
        margin-top: var(--dotd-space-xl);
        margin-bottom: var(--dotd-space-xl);
        row-gap: var(--dotd-space-xxl);
    
        .c-quick-links-cards--image-overlay & {
          margin-bottom: 0;
          row-gap: var(--dotd-space-lg);
        }
      }
    }
  • URL: /components/raw/quick-links-cards/_quick-links-cards.scss
  • Filesystem Path: components/03-organisms/sections/quick-links-cards/_quick-links-cards.scss
  • Size: 374 Bytes

No notes defined.