@sofidevo/astro-dynamic-header 5.0.2 → 5.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/Header.astro +6 -2
package/package.json
CHANGED
package/src/Header.astro
CHANGED
|
@@ -119,7 +119,7 @@ const {
|
|
|
119
119
|
const forcedClass = preset !== "auto" ? `header--force-${preset}` : "";
|
|
120
120
|
---
|
|
121
121
|
|
|
122
|
-
<style
|
|
122
|
+
<style >
|
|
123
123
|
@layer theme, base, components, utilities;
|
|
124
124
|
</style>
|
|
125
125
|
|
|
@@ -188,7 +188,7 @@ const forcedClass = preset !== "auto" ? `header--force-${preset}` : "";
|
|
|
188
188
|
</header>
|
|
189
189
|
</div>
|
|
190
190
|
|
|
191
|
-
<style>
|
|
191
|
+
<style is:inline>
|
|
192
192
|
/*
|
|
193
193
|
* Cascade layers keep this component overridable:
|
|
194
194
|
* base (resets/preflight) < components (ours) < utilities (your classNames)
|
|
@@ -205,6 +205,7 @@ const forcedClass = preset !== "auto" ? `header--force-${preset}` : "";
|
|
|
205
205
|
--text-color: var(--l-text, #1a1a1a);
|
|
206
206
|
--accent-color: var(--l-accent, #3e1c71);
|
|
207
207
|
--backdrop-blur: var(--l-blur, blur(20px));
|
|
208
|
+
|
|
208
209
|
display: flex;
|
|
209
210
|
align-items: center;
|
|
210
211
|
width: 100%;
|
|
@@ -232,6 +233,7 @@ const forcedClass = preset !== "auto" ? `header--force-${preset}` : "";
|
|
|
232
233
|
--text-color: var(--d-text, #ffffff);
|
|
233
234
|
--accent-color: var(--d-accent, #00ffff);
|
|
234
235
|
--backdrop-blur: var(--d-blur, blur(20px));
|
|
236
|
+
background-color: var(--bg-color);
|
|
235
237
|
}
|
|
236
238
|
|
|
237
239
|
/* Forced themes: higher specificity than .header, no !important needed */
|
|
@@ -241,6 +243,7 @@ const forcedClass = preset !== "auto" ? `header--force-${preset}` : "";
|
|
|
241
243
|
--text-color: var(--d-text, #ffffff);
|
|
242
244
|
--accent-color: var(--d-accent, #00ffff);
|
|
243
245
|
--backdrop-blur: var(--d-blur, blur(30px));
|
|
246
|
+
background-color: var(--bg-color);
|
|
244
247
|
}
|
|
245
248
|
|
|
246
249
|
.header.header--force-light {
|
|
@@ -249,6 +252,7 @@ const forcedClass = preset !== "auto" ? `header--force-${preset}` : "";
|
|
|
249
252
|
--text-color: var(--l-text, #1a1a1a);
|
|
250
253
|
--accent-color: var(--l-accent, #3e1c71);
|
|
251
254
|
--backdrop-blur: var(--l-blur, blur(30px));
|
|
255
|
+
background-color: var(--bg-color);
|
|
252
256
|
}
|
|
253
257
|
|
|
254
258
|
.header__container {
|