@press2ai/theme-specialist-glossy 0.5.2 → 0.5.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/styles/glossy.css +11 -11
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@press2ai/theme-specialist-glossy",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.4",
|
|
4
4
|
"description": "Classless, AI-first theme inspired by Stripe. Framework-agnostic templates (Hono, Astro, raw HTML). Semantic HTML, Schema.org microdata, JSON-LD — built for LLM crawlers.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
package/src/styles/glossy.css
CHANGED
|
@@ -63,7 +63,7 @@ main {
|
|
|
63
63
|
padding-inline: var(--pad); padding-top: 0; padding-bottom: var(--g6);
|
|
64
64
|
}
|
|
65
65
|
main > h1:first-child, main > article:first-child { margin-top: var(--g5); }
|
|
66
|
-
main > section { margin-bottom: var(--
|
|
66
|
+
main > section { margin-bottom: var(--g6); }
|
|
67
67
|
|
|
68
68
|
/* Footer */
|
|
69
69
|
body > footer { border-top: 1px solid var(--line); padding: var(--g4) 0; text-align: center; }
|
|
@@ -73,8 +73,8 @@ body > footer a { color: var(--violet); }
|
|
|
73
73
|
/* Hero */
|
|
74
74
|
hgroup {
|
|
75
75
|
position: relative; text-align: center; isolation: isolate; overflow: hidden;
|
|
76
|
-
padding: var(--
|
|
77
|
-
margin: 0 calc(50% - 50vw) var(--
|
|
76
|
+
padding: var(--g5) var(--pad) var(--g5);
|
|
77
|
+
margin: 0 calc(50% - 50vw) var(--g6) calc(50% - 50vw);
|
|
78
78
|
background:
|
|
79
79
|
radial-gradient(ellipse 70% 50% at 20% 30%, var(--violet-glow) 0%, transparent 60%),
|
|
80
80
|
radial-gradient(ellipse 50% 60% at 80% 20%, rgba(13,148,136,.12) 0%, transparent 55%),
|
|
@@ -93,7 +93,7 @@ hgroup::before {
|
|
|
93
93
|
z-index: -1;
|
|
94
94
|
}
|
|
95
95
|
hgroup > * { position: relative; }
|
|
96
|
-
hgroup > p:first-child { display: inline-flex; margin-bottom: var(--
|
|
96
|
+
hgroup > p:first-child { display: inline-flex; margin-bottom: var(--g4); padding: 0; }
|
|
97
97
|
hgroup > p:first-child small {
|
|
98
98
|
display: inline-flex; align-items: center; gap: var(--g1);
|
|
99
99
|
background: rgba(255,255,255,.7); backdrop-filter: blur(8px);
|
|
@@ -102,8 +102,8 @@ hgroup > p:first-child small {
|
|
|
102
102
|
box-shadow: var(--shadow);
|
|
103
103
|
}
|
|
104
104
|
hgroup > p:first-child small::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #00d24a; box-shadow: 0 0 0 3px rgba(0,210,74,.2); }
|
|
105
|
-
hgroup h1 { max-width: 18ch; margin: 0 auto var(--
|
|
106
|
-
hgroup p { font-size: var(--t-md); line-height: 1.55; color: var(--ink-2); max-width: var(--measure); margin: 0 auto
|
|
105
|
+
hgroup h1 { max-width: 18ch; margin: 0 auto var(--g4); color: var(--ink); }
|
|
106
|
+
hgroup p { font-size: var(--t-md); line-height: 1.55; color: var(--ink-2); max-width: var(--measure); margin: 0 auto var(--g4); }
|
|
107
107
|
|
|
108
108
|
/* Hero CTAs */
|
|
109
109
|
.hero-ctas {
|
|
@@ -148,7 +148,7 @@ section[aria-label] > p { text-align: center; font-size: var(--t-sm); color: var
|
|
|
148
148
|
section:has(> dl) { margin-bottom: 0; }
|
|
149
149
|
section > dl {
|
|
150
150
|
display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--g3);
|
|
151
|
-
padding: var(--g4); margin: 0 auto var(--
|
|
151
|
+
padding: var(--g4); margin: 0 auto var(--g6); max-width: var(--w-8);
|
|
152
152
|
background: var(--white); border: 1px solid var(--line); border-radius: var(--r-lg);
|
|
153
153
|
box-shadow: var(--shadow-md);
|
|
154
154
|
}
|
|
@@ -174,8 +174,8 @@ nav[aria-label] a:nth-child(5n+5):hover { border-color: var(--sky); color: var(-
|
|
|
174
174
|
|
|
175
175
|
/* How it works — full-bleed band */
|
|
176
176
|
.how-it-works {
|
|
177
|
-
margin: 0 calc(50% - 50vw) var(--
|
|
178
|
-
padding: var(--
|
|
177
|
+
margin: 0 calc(50% - 50vw) var(--g6) calc(50% - 50vw);
|
|
178
|
+
padding: var(--g6) var(--pad);
|
|
179
179
|
background: var(--white);
|
|
180
180
|
border-top: 1px solid var(--line);
|
|
181
181
|
border-bottom: 1px solid var(--line);
|
|
@@ -294,7 +294,7 @@ main > nav a:hover { border-color: var(--violet); color: var(--violet); transfor
|
|
|
294
294
|
|
|
295
295
|
/* Trust */
|
|
296
296
|
.trust {
|
|
297
|
-
margin: var(--
|
|
297
|
+
margin: var(--g6) auto; padding: var(--g5); max-width: var(--w-8);
|
|
298
298
|
background: linear-gradient(135deg, var(--teal-s) 0%, #f0fdf8 100%);
|
|
299
299
|
border: 1px solid rgba(13,148,136,.15); border-radius: var(--r-lg); text-align: center;
|
|
300
300
|
}
|
|
@@ -329,7 +329,7 @@ form:not([role="search"]) button[type="submit"]:hover { background: var(--ink);
|
|
|
329
329
|
@media (max-width: 640px) {
|
|
330
330
|
:root { --pad: var(--g3); }
|
|
331
331
|
main { padding: 0 var(--pad) var(--g4); }
|
|
332
|
-
hgroup { padding: var(--
|
|
332
|
+
hgroup { padding: var(--g4) var(--pad) var(--g4); }
|
|
333
333
|
section:has(> article[itemscope]) { grid-template-columns: 1fr; }
|
|
334
334
|
section > ol { grid-template-columns: 1fr; }
|
|
335
335
|
section > dl { grid-template-columns: 1fr; max-width: 100%; padding: var(--g3); }
|