@conduction/docusaurus-preset 3.1.0 → 3.1.1

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/css/brand.css +20 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@conduction/docusaurus-preset",
3
- "version": "3.1.0",
3
+ "version": "3.1.1",
4
4
  "scripts": {
5
5
  "prepack": "node scripts/prepack-bundle-css.js"
6
6
  },
package/src/css/brand.css CHANGED
@@ -310,3 +310,23 @@ a:not(.navbar__link):not(.footer__link-item):not(.button):hover {
310
310
  color: var(--c-cobalt-700);
311
311
  background: transparent;
312
312
  }
313
+
314
+ /* ============================================================
315
+ Body grows with content.
316
+
317
+ Infima ships `html, body { height: 100% }`. With long pages the
318
+ body stops at one viewport while content overflows beneath it.
319
+ Anything past that height paints over the browser canvas, not
320
+ over body. On screens where the canvas is dark (Chrome on macOS
321
+ dark mode, Windows high-contrast), the canal-footer pattern is
322
+ preceded by a `#1B1B1D` band.
323
+
324
+ Swapping `height: 100%` for `min-height: 100vh` keeps short
325
+ pages looking the same and lets body cover the full document
326
+ on long pages. Site-level customCss can still override.
327
+ ============================================================ */
328
+ html,
329
+ body {
330
+ height: auto;
331
+ min-height: 100vh;
332
+ }