🔧 Make the @bluelib element fill all available space

src/rules/skeleton.less

@@ -301,6 +301,8 @@
 
     }
 
+    //</editor-fold>
+
     /// ===== Root =====
     /// The root element has some rules itself.
 
@@ -309,6 +311,10 @@
     // Set the background defined in the palette
     background-color: @rgb-background;
 
+    // Make the element fill all available space
+    width: 100%;
+    height: 100%;
+
     // Set the base color to the foreground defined in the palette
     .map-var-rgb(bluelib-color; bluelib-foreground);
 
@@ -317,7 +323,6 @@
 
     //</editor-fold>
 
-    //</editor-fold>
 
     /// ===== Layouts =====
     /// Layouts arrange the content displayed inside the root.

src/targets/skeleton.module.css

@@ -53,6 +53,8 @@
   --bluelib-code-family: monospace;
   --bluelib-code-weight: normal;
   background-color: rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
+  width: 100%;
+  height: 100%;
   --bluelib-color-r: var(--bluelib-foreground-r);
   --bluelib-color-g: var(--bluelib-foreground-g);
   --bluelib-color-b: var(--bluelib-foreground-b);

src/targets/skeleton.root.css

@@ -54,6 +54,8 @@ body,
   --bluelib-code-family: monospace;
   --bluelib-code-weight: normal;
   background-color: rgb(var(--bluelib-background-r), var(--bluelib-background-g), var(--bluelib-background-b));
+  width: 100%;
+  height: 100%;
   --bluelib-color-r: var(--bluelib-foreground-r);
   --bluelib-color-g: var(--bluelib-foreground-g);
   --bluelib-color-b: var(--bluelib-foreground-b);