V6 Clearleft Patterns

Logo Showcase 

<div class="logo-showcase flow flow--l">
    <div class="logo-showcase__logos">
    </div>
</div>
 
<div class="logo-showcase flow flow--l">
  {% if block.heading|length %}
    <h2 class="logo-showcase__heading">{{ block.heading }}</h2>
  {% endif %}
  <div class="logo-showcase__logos">
    {% for logo in block.logos.all() %}
      {% include '@logo-house' with {
        logo: logo,
        has_border: true,
        size: 'small'
      } %}
    {% endfor %}
  </div>
</div>
 
/* No context defined. */
  • Content: 
    .logo-showcase {
  background-color: var(--light-grey-step-1);
  border: 0 solid;
  padding: var(--space-s-l);
}

.logo-showcase__heading {
  font-size: var(--step-1);
  text-align: center;
}

.logo-showcase__logos {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gutter);
  justify-content: center;
}
  • URL: /components/raw/logo-showcase/logo-showcase.css
  • Filesystem Path: src/templates/components/logo-showcase/logo-showcase.css
  • Size: 327 Bytes

No notes defined.