feat: Add brand-logo sizing and gold-to-rusty-red gradient on brand-text
This commit is contained in:
@@ -36,6 +36,14 @@
|
||||
color: var(--primary-light);
|
||||
}
|
||||
|
||||
/* Custom logo image sizing */
|
||||
.brand-logo {
|
||||
height: 2.5rem;
|
||||
width: auto;
|
||||
object-fit: contain;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.brand-icon {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -47,9 +55,10 @@
|
||||
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
|
||||
}
|
||||
|
||||
/* Title gradient: medium-dark gold → rusty dark red-gold */
|
||||
.brand-text {
|
||||
letter-spacing: -0.025em;
|
||||
background: linear-gradient(135deg, var(--primary-light) 0%, var(--accent) 100%);
|
||||
background: linear-gradient(135deg, #c9940a 0%, #b5620a 50%, #8b2500 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-clip: text;
|
||||
@@ -99,6 +108,10 @@
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.brand-icon {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
@@ -115,4 +128,4 @@
|
||||
.nav-link {
|
||||
padding: 0.625rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user