Changes
This commit is contained in:
@ -1,6 +1,6 @@
|
||||
.btn {
|
||||
@apply bg-blue-800 text-white font-bold py-2 px-4 rounded cursor-pointer select-none mx-2;
|
||||
@apply hover:bg-blue-700;
|
||||
@apply bg-yellow-400 font-bold py-2 px-4 rounded cursor-pointer select-none mx-2 text-black;
|
||||
@apply hover:bg-yellow-300 hover:text-black;
|
||||
transition: all 0.5s cubic-bezier(.2,3,.67,.6),
|
||||
background-color .1s ease-in-out,
|
||||
outline-width .1s ease-in-out,
|
||||
@ -12,12 +12,30 @@
|
||||
}
|
||||
}
|
||||
|
||||
.btn-dropdown {
|
||||
@apply relative mx-2;
|
||||
|
||||
>:nth-child(1) {
|
||||
@apply block !mx-0;
|
||||
}
|
||||
|
||||
>:nth-child(2) {
|
||||
@apply hidden absolute top-full left-1/2 -translate-x-1/2 bg-gray-800 list-none text-white rounded py-2 flex-col text-sm;
|
||||
}
|
||||
|
||||
&:hover,&:focus-within {
|
||||
>:nth-child(2) {
|
||||
@apply flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.btn-gray {
|
||||
@apply bg-gray-800 text-white font-bold py-2 px-4 rounded cursor-pointer select-none mx-2;
|
||||
@apply bg-gray-800 text-white;
|
||||
}
|
||||
|
||||
.btn-text {
|
||||
@apply bg-transparent underline;
|
||||
@apply bg-transparent underline text-white;
|
||||
@apply hover:bg-transparent hover:outline hover:outline-1;
|
||||
|
||||
.btn__text {
|
||||
|
||||
Reference in New Issue
Block a user