@robinmordasiewicz/f5xc-docs-theme 1.18.1 → 1.19.0
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 -2
- package/styles/custom.css +53 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@robinmordasiewicz/f5xc-docs-theme",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.19.0",
|
|
4
4
|
"description": "F5 Distributed Cloud branded Starlight documentation theme",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
"./components/Banner.astro": "./components/Banner.astro",
|
|
20
20
|
"./components/Footer.astro": "./components/Footer.astro",
|
|
21
21
|
"./components/SiteTitle.astro": "./components/SiteTitle.astro",
|
|
22
|
-
"./components/PageTitle.astro": "./components/PageTitle.astro",
|
|
23
22
|
"./assets/f5-logo.svg": "./assets/f5-logo.svg"
|
|
24
23
|
},
|
|
25
24
|
"files": [
|
package/styles/custom.css
CHANGED
|
@@ -334,4 +334,57 @@ h4, h5, h6 {
|
|
|
334
334
|
color: var(--sl-color-gray-3);
|
|
335
335
|
}
|
|
336
336
|
|
|
337
|
+
/* ===== Brand Icon Grid Styles ===== */
|
|
338
|
+
.icon-grid {
|
|
339
|
+
display: grid;
|
|
340
|
+
grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
|
|
341
|
+
gap: 1rem;
|
|
342
|
+
margin-block: 1.5rem;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
.icon-card {
|
|
346
|
+
border-radius: 0.75rem;
|
|
347
|
+
overflow: hidden;
|
|
348
|
+
box-shadow:
|
|
349
|
+
0 2px 4px rgba(0, 0, 0, 0.04),
|
|
350
|
+
0 8px 16px rgba(0, 0, 0, 0.08),
|
|
351
|
+
0 24px 48px rgba(0, 0, 0, 0.12);
|
|
352
|
+
border: 1px solid var(--sl-color-gray-5);
|
|
353
|
+
text-align: center;
|
|
354
|
+
}
|
|
355
|
+
|
|
356
|
+
.icon-card-image {
|
|
357
|
+
display: flex;
|
|
358
|
+
align-items: center;
|
|
359
|
+
justify-content: center;
|
|
360
|
+
padding: 1rem;
|
|
361
|
+
background: var(--sl-color-gray-7, #faf9f7);
|
|
362
|
+
height: 5rem;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
:root:not([data-theme='light']) .icon-card-image {
|
|
366
|
+
background: var(--sl-color-gray-6);
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
.icon-card-image img {
|
|
370
|
+
width: 2.5rem;
|
|
371
|
+
height: 2.5rem;
|
|
372
|
+
object-fit: contain;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
/* Invert near-black SVGs for dark mode visibility */
|
|
376
|
+
:root:not([data-theme='light']) .icon-card-image img {
|
|
377
|
+
filter: invert(1);
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
.icon-card-label {
|
|
381
|
+
padding: 0.375rem 0.5rem;
|
|
382
|
+
font-size: 0.65rem;
|
|
383
|
+
line-height: 1.3;
|
|
384
|
+
font-family: var(--sl-font);
|
|
385
|
+
background: var(--sl-color-gray-6);
|
|
386
|
+
color: var(--sl-color-gray-1);
|
|
387
|
+
word-break: break-word;
|
|
388
|
+
}
|
|
389
|
+
|
|
337
390
|
/* release pipeline verified */
|