master
kek7198 2021-12-31 15:26:50 -06:00
parent 74d2606951
commit 53567d7b84
2 changed files with 22 additions and 0 deletions

View File

@ -3059,6 +3059,25 @@ video {
.btn-yellow:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity));
}
.btn-purple {
--tw-border-opacity: 1;
border-color: rgba(88, 28, 135, var(--tw-border-opacity));
background-image: linear-gradient(to top, var(--tw-gradient-stops));
--tw-gradient-from: #7e22ce;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(126, 34, 206, 0));
--tw-gradient-to: #9333ea;
--tw-text-opacity: 1;
color: rgba(var(--color-100), var(--tw-text-opacity));
}
.btn-purple:hover {
--tw-gradient-from: #9333ea;
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(147, 51, 234, 0));
--tw-gradient-to: #7e22ce;
}
.btn-purple:focus {
--tw-text-opacity: 1;
color: rgba(var(--color-200), var(--tw-text-opacity));
}
.btn-black {
border-color: rgba(0, 0, 0, 0.1);

View File

@ -407,6 +407,9 @@
.btn-yellow {
@apply bg-gradient-to-t from-yellow-700 to-yellow-600 hover:from-yellow-600 hover:to-yellow-700 border-yellow-900 text-gray-100 focus:text-gray-200;
}
.btn-purple {
@apply bg-gradient-to-t from-purple-700 to-purple-600 hover:from-purple-600 hover:to-purple-700 border-purple-900 text-gray-100 focus:text-gray-200;
}
.btn-black {
@apply bg-white bg-gradient-to-t from-black to-black/80 hover:from-black/90 hover:to-black border-black/10 text-gray-100 focus:text-gray-200;
}