Vebego Component Library

Slash 

<!-- Default -->
<span class="atm-slash  " style="width: 1px; height: 30px;"></span>


<!-- Flipped -->
<span class="atm-slash  flipped" style="width: 1px; height: 30px;"></span>


<span
    class="atm-slash {{modifier}} {{#if flipped}}flipped{{/if}}"
    style="{{#if width}}{{#if height}}width: {{width}}px; height: {{height}}px;{{/if}}{{/if}}"></span>
 
/* Default */
{
  "flipped": false,
  "width": 1,
  "height": 30
}


/* Flipped */
{
  "flipped": true,
  "width": 1,
  "height": 30
}
  • Content: 
    .atm-slash
{
    width: 1px;
    height: 30px;
    transform: rotate(18deg);
    @apply inline-block bg-gray-200;

    &.flipped
    {
        transform: rotate(-18deg);
    }
}
  • URL: /components/raw/slash/slash.css
  • Filesystem Path: src\components\02-atoms\slash\slash.css
  • Size: 190 Bytes

No notes defined.