shade on the text is fixed
This commit is contained in:
@@ -29,7 +29,6 @@ html {
|
|||||||
--tp-grid-line: rgba(63, 63, 70, 0.35);
|
--tp-grid-line: rgba(63, 63, 70, 0.35);
|
||||||
--tp-hero-from: #0b0b0f;
|
--tp-hero-from: #0b0b0f;
|
||||||
--tp-hero-to: #18181b;
|
--tp-hero-to: #18181b;
|
||||||
--tp-hero-shade: rgba(9, 9, 11, 0.68);
|
|
||||||
--tp-text-outline: rgba(0, 0, 0, 0.9);
|
--tp-text-outline: rgba(0, 0, 0, 0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -39,7 +38,6 @@ html {
|
|||||||
--tp-grid-line: rgba(228, 228, 231, 0.7);
|
--tp-grid-line: rgba(228, 228, 231, 0.7);
|
||||||
--tp-hero-from: #fafafa;
|
--tp-hero-from: #fafafa;
|
||||||
--tp-hero-to: #f4f4f5;
|
--tp-hero-to: #f4f4f5;
|
||||||
--tp-hero-shade: rgba(255, 255, 255, 0.78);
|
|
||||||
--tp-text-outline: rgba(255, 255, 255, 0.95);
|
--tp-text-outline: rgba(255, 255, 255, 0.95);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -69,31 +67,18 @@ body {
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tp-hero .grid > div:first-child {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tp-hero .grid > div:first-child::before {
|
|
||||||
content: "";
|
|
||||||
position: absolute;
|
|
||||||
inset: -1.5rem;
|
|
||||||
z-index: -1;
|
|
||||||
border: 1px solid rgba(244, 244, 245, 0.08);
|
|
||||||
border-radius: 1rem;
|
|
||||||
background: var(--tp-hero-shade);
|
|
||||||
box-shadow: 0 24px 70px -30px rgba(0, 0, 0, 0.85);
|
|
||||||
backdrop-filter: blur(4px);
|
|
||||||
-webkit-backdrop-filter: blur(4px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tp-hero h1,
|
.tp-hero h1,
|
||||||
.tp-hero p {
|
.tp-hero p {
|
||||||
text-shadow:
|
text-shadow:
|
||||||
|
0 -1px 0 var(--tp-text-outline),
|
||||||
|
1px 0 0 var(--tp-text-outline),
|
||||||
|
0 1px 0 var(--tp-text-outline),
|
||||||
|
-1px 0 0 var(--tp-text-outline),
|
||||||
-1px -1px 0 var(--tp-text-outline),
|
-1px -1px 0 var(--tp-text-outline),
|
||||||
1px -1px 0 var(--tp-text-outline),
|
1px -1px 0 var(--tp-text-outline),
|
||||||
-1px 1px 0 var(--tp-text-outline),
|
-1px 1px 0 var(--tp-text-outline),
|
||||||
1px 1px 0 var(--tp-text-outline),
|
1px 1px 0 var(--tp-text-outline),
|
||||||
0 2px 12px rgba(0, 0, 0, 0.75);
|
0 2px 16px rgba(0, 0, 0, 0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tp-hero::before {
|
.tp-hero::before {
|
||||||
|
|||||||
Reference in New Issue
Block a user