Commit ·
584fdf1
1
Parent(s): fdc08ee
\"fix: smooth color transitions\"
Browse files
style.css
CHANGED
|
@@ -21,15 +21,26 @@ body {
|
|
| 21 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
| 22 |
line-height: 1.6;
|
| 23 |
color: var(--ha-text-primary);
|
| 24 |
-
background: linear-gradient(
|
| 25 |
min-height: 100vh;
|
| 26 |
}
|
| 27 |
|
| 28 |
.hero {
|
| 29 |
-
background: linear-gradient(
|
| 30 |
color: white;
|
| 31 |
-
padding: 4rem 2rem;
|
| 32 |
text-align: center;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 33 |
}
|
| 34 |
|
| 35 |
.hero-content {
|
|
|
|
| 21 |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
| 22 |
line-height: 1.6;
|
| 23 |
color: var(--ha-text-primary);
|
| 24 |
+
background: linear-gradient(180deg, var(--ha-secondary) 0%, var(--ha-primary-dark) 50%, var(--ha-primary-dark) 100%);
|
| 25 |
min-height: 100vh;
|
| 26 |
}
|
| 27 |
|
| 28 |
.hero {
|
| 29 |
+
background: linear-gradient(180deg, var(--ha-primary-dark) 0%, var(--ha-primary) 100%);
|
| 30 |
color: white;
|
| 31 |
+
padding: 4rem 2rem 6rem 2rem;
|
| 32 |
text-align: center;
|
| 33 |
+
position: relative;
|
| 34 |
+
}
|
| 35 |
+
|
| 36 |
+
.hero::after {
|
| 37 |
+
content: '';
|
| 38 |
+
position: absolute;
|
| 39 |
+
bottom: -2px;
|
| 40 |
+
left: 0;
|
| 41 |
+
right: 0;
|
| 42 |
+
height: 4rem;
|
| 43 |
+
background: linear-gradient(to bottom, transparent, var(--ha-surface));
|
| 44 |
}
|
| 45 |
|
| 46 |
.hero-content {
|