UHasselt Component Library

Divider 

<!-- Md (Default) -->
<hr class="divider divider-md">


<!-- Xs -->
<hr class="divider divider-xs">


<!-- Sm -->
<hr class="divider divider-sm">


<!-- Lg -->
<hr class="divider divider-lg">


<!-- Xl -->
<hr class="divider divider-xl">


<hr class="divider {{modifier}}">
 
/* Md (Default) */
{
  "modifier": "divider-md"
}


/* Xs */
{
  "modifier": "divider-xs"
}


/* Sm */
{
  "modifier": "divider-sm"
}


/* Lg */
{
  "modifier": "divider-lg"
}


/* Xl */
{
  "modifier": "divider-xl"
}
  • Content: 
    .divider
{
    @apply bg-gray h-0.5;

    &-xs
    {
        @apply mt-1 mb-1;
    }

    &-sm
    {
        @apply mt-2 mb-2;
    }

    &-md
    {
        @apply mt-4 mb-4;
    }

    &-lg
    {
        @apply mt-8 mb-8;
    }

    &-xl
    {
        @apply mt-12 mb-12;
    }
}
  • URL: /components/raw/divider/divider.css
  • Filesystem Path: src\components\02-atoms\divider\divider.css
  • Size: 310 Bytes

No notes defined.