@anydigital/atomic-bricks 1.0.0-alpha.2 → 1.0.0-alpha.3

package/README.md

@@ -36,6 +36,18 @@ html, body {
 
 This is automatically applied when you include the stylesheet.
 
+### Full Viewport Height
+
+Ensures the body element takes at least the full height of the viewport using dynamic viewport height for better mobile support:
+
+```css
+body {
+  min-height: 100dvh;
+}
+```
+
+This is automatically applied when you include the stylesheet.
+
 ### Breakout CSS
 
 Includes [breakout-css](https://github.com/anydigital/breakout-css) utilities for breaking out images and figures beyond their container width. Use the `.breakout` class to allow elements to extend beyond their parent container:

package/dist/atomic-bricks.css

@@ -9,6 +9,12 @@ html, body {
   overflow-x: clip;
 }
 
+/* Ensures body takes at least the full height of the viewport (using dynamic viewport height for better mobile support) */
+
+body {
+  min-height: 100dvh;
+}
+
 /* Breakout CSS - Framework-agnostic utilities for breaking out images and figures */
 
 .breakout {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anydigital/atomic-bricks",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.3",
   "description": "Framework-agnostic CSS utility helpers for modern web development",
   "main": "dist/atomic-bricks.css",
   "style": "dist/atomic-bricks.css",

package/src/_base.css

@@ -3,3 +3,7 @@ html, body {
   overflow-x: clip;
 }
 
+/* Ensures body takes at least the full height of the viewport (using dynamic viewport height for better mobile support) */
+body {
+  min-height: 100dvh;
+}