Add disabled button

This commit is contained in:
philipp lang 2021-07-17 17:18:03 +02:00
parent 81c4d12213
commit 13277ec959
1 changed files with 9 additions and 5 deletions

View File

@ -9,31 +9,31 @@
} }
&.btn-primary { &.btn-primary {
@apply bg-primary-700 text-primary-300; @apply bg-primary-700 text-primary-300;
&:hover { &:not(.disabled):hover {
@apply bg-primary-500 text-primary-100; @apply bg-primary-500 text-primary-100;
} }
} }
&.btn-primary-light { &.btn-primary-light {
@apply bg-primary-600 text-primary-200; @apply bg-primary-600 text-primary-200;
&:hover { &:not(.disabled):hover {
@apply bg-primary-500 text-primary-100; @apply bg-primary-500 text-primary-100;
} }
} }
&.btn-warning { &.btn-warning {
@apply bg-yellow-700; @apply bg-yellow-700;
&:hover { &:not(.disabled):hover {
@apply bg-yellow-500; @apply bg-yellow-500;
} }
} }
&.btn-info { &.btn-info {
@apply bg-blue-700; @apply bg-blue-700;
&:hover { &:not(.disabled):hover {
@apply bg-blue-500; @apply bg-blue-500;
} }
} }
&.btn-danger { &.btn-danger {
@apply bg-red-700; @apply bg-red-700;
&:hover { &:not(.disabled):hover {
@apply bg-red-500; @apply bg-red-500;
} }
} }
@ -48,5 +48,9 @@
@apply w-3 h-3 flex-none; @apply w-3 h-3 flex-none;
} }
} }
&.disabled {
@apply opacity-50;
}
} }