27 lines
611 B
CSS
27 lines
611 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer components {
|
|
.btn {
|
|
@apply px-4 py-3 inline-block text-lg rounded-lg
|
|
}
|
|
|
|
.btn-blue {
|
|
@apply bg-blue-500 border border-blue-600 text-white;
|
|
@apply transition-colors ease-in-out duration-300;
|
|
@apply hover:bg-blue-550
|
|
}
|
|
|
|
.embed-responsive {
|
|
@apply block relative h-0 overflow-hidden aspect-ratio-16/9
|
|
}
|
|
|
|
.embed-responsive .embed-responsive-item,
|
|
.embed-responsive iframe,
|
|
.embed-responsive embed,
|
|
.embed-responsive object,
|
|
.embed-responsive video {
|
|
@apply absolute w-full h-full inset-0 border-0
|
|
}
|
|
}
|