prenix_components

@layer components {
  .icon {
    @apply inline-block align-middle;
  }

  .icon--current {
    @apply text-current;
  }

  .icon--default {
    @apply text-default;
  }

  .icon--primary {
    @apply text-primary;
  }

  .icon--secondary {
    @apply text-secondary;
  }

  .icon--success {
    @apply text-success;
  }

  .icon--warning {
    @apply text-warning;
  }

  .icon--danger {
    @apply text-danger;
  }

  .icon--sm {
    @apply w-4 h-4;
  }

  .icon--md {
    @apply w-5 h-5;
  }

  .icon--lg {
    @apply w-6 h-6;
  }
}