V6 Clearleft Patterns

Shapes: Square 

<svg width="60" viewbox="0 0 60 59">
    <path class="green" stroke="#23D8A0" fill="none" stroke-width="11" d="M38.59 12.89H48.59V23.89H38.59z" transform="rotate(15 38.6 12.9)" />
    <path class="grey" fill="#425968" fill-rule="evenodd" d="M8 21.1543H23.4226V36.5769H8V21.1543ZM8 36.5772H23.4226V51.9998H8V36.5772ZM38.8453 36.5772H23.4227V51.9998H38.8453V36.5772Z" clip-rule="evenodd" />
</svg>
 
<svg width="60" viewbox="0 0 60 59">
 <path class="green" stroke="#23D8A0" fill="none" stroke-width="11" d="M38.59 12.89H48.59V23.89H38.59z" transform="rotate(15 38.6 12.9)"/>
 <path class="grey" fill="#425968" fill-rule="evenodd" d="M8 21.1543H23.4226V36.5769H8V21.1543ZM8 36.5772H23.4226V51.9998H8V36.5772ZM38.8453 36.5772H23.4227V51.9998H38.8453V36.5772Z" clip-rule="evenodd"/>
</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.