V6 Clearleft Patterns

Shapes 

<svg width="60" viewbox="0 0 60 59" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path class="triangles grey" d="M41.5308 23.6922L22.3132 56.9781L3.09559 23.6922L41.5308 23.6922Z" fill="#425968" />
    <path class="triangles green" d="M57.4879 14.2176L38.2703 47.5035L19.0526 14.2176L57.4879 14.2176Z" fill="#23D8A0" />
</svg>
 
<svg width="60" viewbox="0 0 60 59" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path class="triangles grey" d="M41.5308 23.6922L22.3132 56.9781L3.09559 23.6922L41.5308 23.6922Z" fill="#425968"/>
 <path class="triangles green" d="M57.4879 14.2176L38.2703 47.5035L19.0526 14.2176L57.4879 14.2176Z" fill="#23D8A0"/>
</svg>
 
/* No context defined. */
  • Content: 
    .Shape-slat__shape {
  animation: fade-in 1s cubic-bezier(0.48, 0.43, 0.56, 0.82) 1s both;
  background-color: var(--light-grey-step-1);
  width: 88px;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;

  svg {
    width: 70%;
    overflow: visible;
  }
}
  • URL: /components/raw/shapes/shapes.css
  • Filesystem Path: src/templates/components/_deprecated/shapes/shapes.css
  • Size: 289 Bytes

No notes defined.