Add disabled button
This commit is contained in:
parent
81c4d12213
commit
13277ec959
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue