.bool { @apply rounded-full w-5 h-5 text-xs flex items-center justify-center leading-none; &.bool-inline { @apply w-auto; } &.enabled { @apply bg-green-800 text-red-100; } &.disabled { @apply bg-red-800 text-green-100; } svg { @apply w-2 h-2; } } .bool-row { @apply flex; .bool { @apply rounded-none; &:last-child { @apply rounded-r-full; } &:first-child { @apply rounded-l-full; } } }