CreditCardExample/styles/page-styles/common.css

38 lines
1.4 KiB
CSS
Raw Permalink Normal View History

.via-card {
@apply block rounded-md shadow-md w-full border-gray-300 border;
}
.via-label {
@apply block text-gray-500 font-medium mb-2 pl-2;
}
.via-input {
@apply block p-1 w-full z-20 text-sm text-gray-900 rounded-lg border-l-gray-100 border border-gray-300 focus:ring-stone-500 focus:border-stone-500 dark:bg-stone-50 dark:border-stone-600 dark:placeholder-gray-400 dark:text-neutral-900 dark:focus:border-stone-500 !important;
}
.via-append-input {
@apply absolute top-0 right-0 p-1 text-sm font-medium text-white bg-blue-700 rounded-r-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800;
}
.via-append-input-extra {
@apply absolute top-0 right-0 p-1 mr-6 text-sm font-medium text-white bg-blue-700 rounded-r-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800;
}
.via-button {
@apply cursor-pointer inline-flex items-center h-10 px-5 m-2 text-white ease-linear transition-colors duration-150 rounded-lg;
}
.via-div-actions {
@apply flex w-full justify-center flex-wrap;
}
.via-no {
@apply text-red-700 dark:text-red-300;
}
.via-yes {
@apply text-green-700 dark:text-green-300;
}
.via-yellow {
@apply text-yellow-700 dark:text-yellow-300;
}