x
This commit is contained in:
1 parent
f7ac94ca0d
commit
335f3b4f59
41 files changed
+809
-413
No files matched your search
@@ -123,7 +123,13 @@
|
||||
}
|
||||
|
||||
.ui-button-line {
|
||||
@apply inline-flex items-center justify-center rounded-full bg-line-primary px-4 py-2 text-xs font-bold uppercase tracking-widest text-surface-card shadow-sm transition-colors hover:bg-line-primary-hover;
|
||||
@apply inline-flex items-center justify-center rounded-full px-4 py-2 text-xs font-bold uppercase tracking-widest shadow-sm transition-colors;
|
||||
background-color: #00B900;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.ui-button-line:hover {
|
||||
background-color: #009900;
|
||||
}
|
||||
|
||||
.ui-icon-button {
|
||||
@@ -214,14 +220,14 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
background: var(--color-text-main);
|
||||
color: var(--color-surface-card);
|
||||
background: var(--color-surface-page);
|
||||
color: var(--color-text-main);
|
||||
}
|
||||
|
||||
.ui-hero-overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: color-mix(in srgb, var(--color-text-main) 40%, transparent);
|
||||
background: color-mix(in srgb, var(--color-surface-page) 40%, transparent);
|
||||
}
|
||||
|
||||
.ui-hero-overlay-strong {
|
||||
@@ -229,14 +235,14 @@
|
||||
inset: 0;
|
||||
background: linear-gradient(
|
||||
to top,
|
||||
color-mix(in srgb, var(--color-text-main) 90%, transparent),
|
||||
color-mix(in srgb, var(--color-text-main) 10%, transparent),
|
||||
color-mix(in srgb, var(--color-text-main) 30%, transparent)
|
||||
color-mix(in srgb, var(--color-surface-page) 90%, transparent),
|
||||
color-mix(in srgb, var(--color-surface-page) 10%, transparent),
|
||||
color-mix(in srgb, var(--color-surface-page) 30%, transparent)
|
||||
);
|
||||
}
|
||||
|
||||
.ui-hero-title {
|
||||
color: var(--color-surface-card);
|
||||
color: var(--color-text-main);
|
||||
font-family: var(--font-display-locale);
|
||||
font-size: 3rem;
|
||||
font-weight: 300;
|
||||
@@ -250,7 +256,7 @@
|
||||
max-width: 42rem;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 2rem;
|
||||
color: rgb(255 255 255 / 0.9);
|
||||
color: color-mix(in srgb, var(--color-text-main) 90%, transparent);
|
||||
font-size: 1.125rem;
|
||||
font-weight: 300;
|
||||
line-height: 1.75rem;
|
||||
@@ -258,28 +264,18 @@
|
||||
}
|
||||
|
||||
.ui-hero-button {
|
||||
border-radius: 9999px;
|
||||
background: var(--color-surface-card);
|
||||
padding: 1rem 2rem;
|
||||
color: var(--color-text-main);
|
||||
font-size: 0.875rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
transition: background-color 300ms ease, box-shadow 300ms ease;
|
||||
@apply inline-flex items-center justify-center rounded-full bg-[#FDFDF9] px-6 py-3 text-xs font-bold uppercase tracking-widest text-[#1F3D2D] transition-colors hover:bg-[#EAEFEA];
|
||||
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
|
||||
}
|
||||
|
||||
.ui-hero-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
padding: 1rem 2rem;
|
||||
color: var(--color-surface-card);
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.1em;
|
||||
text-transform: uppercase;
|
||||
transition: color 150ms ease;
|
||||
@apply inline-flex items-center gap-2 text-xs font-bold uppercase tracking-widest transition-colors;
|
||||
color: #D4AF37;
|
||||
padding: 0.75rem 1.5rem;
|
||||
}
|
||||
|
||||
.ui-hero-link:hover {
|
||||
color: #FDFDF9;
|
||||
}
|
||||
|
||||
.ui-banner-shell {
|
||||
|
||||
Reference in new issue
Block a user