style(landing-page): update class names for consistency
This commit is contained in:
parent
b570e8e9ab
commit
84de8e0c86
2 changed files with 105 additions and 103 deletions
|
@ -27,6 +27,62 @@ a {
|
|||
@apply cursor-pointer active:scale-95 transition-all duration-200;
|
||||
}
|
||||
|
||||
.card {
|
||||
@apply bg-deep-blue-contrast rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow duration-300;
|
||||
}
|
||||
|
||||
.button-base {
|
||||
@apply bg-emerald hover:bg-emerald-dark text-text-primary font-bold transition-all duration-300 active:scale-95 rounded;
|
||||
}
|
||||
|
||||
.game-card-content {
|
||||
@apply p-4;
|
||||
}
|
||||
|
||||
.nav-button {
|
||||
@apply hidden lg:block absolute top-1/2 -translate-y-1/2 bg-deep-blue-contrast hover:bg-deep-blue-contrast/90 text-text-primary p-3 rounded-full opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg hover:scale-110;
|
||||
}
|
||||
|
||||
.slider-container {
|
||||
@apply flex transition-transform duration-500 ease-out;
|
||||
}
|
||||
|
||||
.slider-grid {
|
||||
@apply min-w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4;
|
||||
}
|
||||
|
||||
.welcome-bonus {
|
||||
@apply text-4xl sm:text-5xl lg:text-7xl font-extrabold text-emerald-light mb-3 sm:mb-4;
|
||||
}
|
||||
|
||||
.bonus-description {
|
||||
@apply text-text-secondary text-base sm:text-lg mb-6 sm:mb-8;
|
||||
}
|
||||
|
||||
.section-heading {
|
||||
@apply font-bold text-text-primary;
|
||||
}
|
||||
|
||||
.game-heading {
|
||||
@apply font-bold text-text-primary mb-2;
|
||||
}
|
||||
|
||||
.game-text {
|
||||
@apply text-text-secondary text-sm mb-4;
|
||||
}
|
||||
|
||||
.stat-container {
|
||||
@apply bg-deep-blue-contrast rounded-lg shadow-lg p-4 sm:p-6 text-center;
|
||||
}
|
||||
|
||||
.stat-number {
|
||||
@apply text-xl sm:text-2xl font-bold text-emerald;
|
||||
}
|
||||
|
||||
.stat-text {
|
||||
@apply text-text-secondary text-sm;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
|
|
Reference in a new issue