V6 Clearleft Patterns

Shapes: Circle 

<svg width="60" viewbox="0 0 60 59">
    <circle class="grey" cx="16" cy="43" r="7" fill="#425968" />
    <circle class="green" cx="35.5" cy="26.5" r="15.5" fill="#23D8A0" />
</svg>
 
<svg width="60" viewbox="0 0 60 59">
 <circle class="grey" cx="16" cy="43" r="7" fill="#425968"/>
 <circle class="green" cx="35.5" cy="26.5" r="15.5" 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.