V6 Clearleft Patterns

Is Currently 

<blockquote class="Is-currently flow--2xs">
    <div class="h h-5">Preparing for a remote design sprint to stress test a large scale content creation process</div>
    <img src="/v6-assets/img/author-image.png" alt="" loading="lazy" />
</blockquote>
 
{% set headingSize = large is defined and large ? 4 : 5 %}
<blockquote class="Is-currently flow--2xs">
  <div class="h h-{{ headingSize }}">{{ quote }}</div>
  {% if image %}
    {% if link is defined and link.src is defined %}<a class="inline-block" href="{{ link }}">{% endif %}
    <img src="{{ image.src }}" alt="{{ image.alt }}" loading="lazy" />
    {% if link is defined and link.src is defined %}</a>{% endif %}
  {% endif %}
</blockquote>
 
{
  "quote": "Preparing for a remote design sprint to stress test a large scale content creation process",
  "image": {
    "src": "/v6-assets/img/author-image.png",
    "alt": ""
  }
}
  • Content: 
    .Is-currently {
  .h {
    position: relative;

    &-4 {
      max-width: 788px;
    }

    &-5 {
      max-width: 476px;
    }

    &:before {
      content: open-quote;
      position: absolute;
      right: 100%;
    }

    &:after {
      content: close-quote;
    }

    p {
      display: inline;

      a {
        text-decoration: underline;
      }
    }
  }

  img {
    max-width: 96px;
  }
}
  • URL: /components/raw/is-currently/is-currently.css
  • Filesystem Path: src/templates/components/is-currently/is-currently.css
  • Size: 405 Bytes

No notes defined.