Skip to content

Commit 1b55fcf

Browse files
committed
Simplify hero text to normal drop shadow
1 parent b7cbc17 commit 1b55fcf

2 files changed

Lines changed: 6 additions & 26 deletions

File tree

docs/styles.css

Lines changed: 3 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -152,11 +152,7 @@ section {
152152
.hero-copy h1 {
153153
max-width: 13.5ch;
154154
font-size: clamp(3.5rem, 7.2vw, 6.2rem);
155-
text-shadow:
156-
0 5px 0 rgba(4, 6, 14, 0.28),
157-
0 12px 0 rgba(4, 6, 14, 0.18),
158-
0 18px 18px rgba(4, 6, 14, 0.42),
159-
0 32px 56px rgba(4, 6, 14, 0.82);
155+
text-shadow: 0 10px 28px rgba(4, 6, 14, 0.38);
160156
}
161157

162158
.eyebrow,
@@ -201,21 +197,15 @@ section {
201197
font-size: clamp(1.5rem, 2.5vw, 2.45rem);
202198
line-height: 1.08;
203199
font-weight: 700;
204-
text-shadow:
205-
0 2px 0 rgba(8, 10, 18, 0.28),
206-
0 7px 0 rgba(8, 10, 18, 0.18),
207-
0 14px 22px rgba(8, 10, 18, 0.58),
208-
0 24px 40px rgba(8, 10, 18, 0.78);
200+
text-shadow: 0 8px 22px rgba(4, 6, 14, 0.28);
209201
}
210202

211203
.hero-subline {
212204
margin: 14px 0 0;
213205
color: rgba(247, 248, 252, 0.78);
214206
font-size: 0.98rem;
215207
font-weight: 500;
216-
text-shadow:
217-
0 2px 0 rgba(8, 10, 18, 0.24),
218-
0 10px 18px rgba(8, 10, 18, 0.56);
208+
text-shadow: 0 6px 16px rgba(4, 6, 14, 0.22);
219209
}
220210

221211
.hero-actions,

styles.css

Lines changed: 3 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -152,11 +152,7 @@ section {
152152
.hero-copy h1 {
153153
max-width: 13.5ch;
154154
font-size: clamp(3.5rem, 7.2vw, 6.2rem);
155-
text-shadow:
156-
0 5px 0 rgba(4, 6, 14, 0.28),
157-
0 12px 0 rgba(4, 6, 14, 0.18),
158-
0 18px 18px rgba(4, 6, 14, 0.42),
159-
0 32px 56px rgba(4, 6, 14, 0.82);
155+
text-shadow: 0 10px 28px rgba(4, 6, 14, 0.38);
160156
}
161157

162158
.eyebrow,
@@ -201,21 +197,15 @@ section {
201197
font-size: clamp(1.5rem, 2.5vw, 2.45rem);
202198
line-height: 1.08;
203199
font-weight: 700;
204-
text-shadow:
205-
0 2px 0 rgba(8, 10, 18, 0.28),
206-
0 7px 0 rgba(8, 10, 18, 0.18),
207-
0 14px 22px rgba(8, 10, 18, 0.58),
208-
0 24px 40px rgba(8, 10, 18, 0.78);
200+
text-shadow: 0 8px 22px rgba(4, 6, 14, 0.28);
209201
}
210202

211203
.hero-subline {
212204
margin: 14px 0 0;
213205
color: rgba(247, 248, 252, 0.78);
214206
font-size: 0.98rem;
215207
font-weight: 500;
216-
text-shadow:
217-
0 2px 0 rgba(8, 10, 18, 0.24),
218-
0 10px 18px rgba(8, 10, 18, 0.56);
208+
text-shadow: 0 6px 16px rgba(4, 6, 14, 0.22);
219209
}
220210

221211
.hero-actions,

0 commit comments

Comments
 (0)