dist

dist/README.md

@@ -4,7 +4,6 @@
 <h1 align="center" style='border-bottom: none;'>unit.gl</h1>
 <h3 align="center">Dynamic Layout Engine</h3>
 
-
 <br/>
 
 <div align="center">

dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unit.gl",
-  "version": "0.0.40",
+  "version": "0.1.1",
   "description": "Dynamic Layout Engine.",
   "keywords": [
     "unit.gl",
@@ -19,12 +19,6 @@
   ],
   "license": "MIT",
   "homepage": "https://www.unit.gl/",
-  "funding": [
-    {
-      "type": "github",
-      "url": "https://github.com/sponsors/scape-foundation"
-    }
-  ],
   "main": "js/index.js",
   "types": "js/index.d.ts",
   "files": [
@@ -48,19 +42,5 @@
     "tex/**/*.tex",
     "ts/**/*.ts",
     "!.DS_Store"
-  ],
-  "author": "Lars van Vianen <lars@vianen.com> (https://www.vianen.com)",
-  "contributors": [
-    "Scape Agency <info@scape.agency>"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/stylescape/unit.gl.git"
-  },
-  "exports": {
-    ".": {
-      "sass": "./scss/index.scss",
-      "typescript": "./ts/index.scss"
-    }
-  }
+  ]
 }

dist/scss/_reset.scss

@@ -4,19 +4,18 @@
 
 // Reset margin and padding for all elements
 @mixin reset_bleed {
-    margin:               0;
-    margin-block-start:   0;
-    margin-block-end:     0;
-    margin-inline-start:  0;
-    margin-inline-end:    0;
-    padding:              0;
+    margin: 0;
+    margin-block-start: 0;
+    margin-block-end: 0;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+    padding: 0;
     border: 0; // Ensures no borders are applied unless explicitly defined
     font-size: 100%; // Prevent scaling issues by setting default font size
     font: inherit; // Ensures fonts are consistently inherited from parent elements
     vertical-align: baseline; // Aligns elements to the baseline to avoid layout shifts
 }
 
-
 // Apply the reset mixin to all elements
 *,
 a,
@@ -118,7 +117,7 @@ section,
 select,
 small,
 source,
-span, 
+span,
 strike,
 strong,
 style,
@@ -140,15 +139,24 @@ u,
 ul,
 var,
 video,
-wbr 
-{ 
+wbr {
     @include reset_bleed;
 }
 
 // HTML5 display-role reset for older browsers
 // Ensures HTML5 elements are displayed correctly in older browsers
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section, main {
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+main {
     display: block;
 }
 

dist/scss/classes/_guide.scss

@@ -3,124 +3,119 @@
 // ============================================================================
 
 ////
-/// 
+///
 /// Guide Class Module
 /// ===========================================================================
-/// 
+///
 /// This module creates utility classes for visual guides, such as grid
 /// overlays and baseline grids, using predefined mixins. These classes can
 /// be applied directly in your HTML for rapid prototyping or debugging.
-/// 
+///
 /// Dependencies:
 /// - Mixins from the Guides module
-/// 
+///
 /// @group Guides
 /// @author Scape Agency
 /// @link https://unit.gl
 /// @since 0.1.0 initial release
 /// @todo None
 /// @access public
-/// 
+///
 ////
 
-
 // ============================================================================
 // Use
 // ============================================================================
 
 @use "../variables" as *;
 @use "../mixins" as *;
 
-
 // ============================================================================
 // Classes
 // ============================================================================
 
-/// 
+///
 /// Applies a full-page guide overlay with a high z-index.
-/// 
+///
 /// @name guide_overlay
-/// 
+///
 .guide {
     @include guide;
 }
 .guide_overlay {
     @include guide;
 }
 
-/// 
+///
 /// Applies a grid overlay with a customizable grid size and color.
-/// 
+///
 /// @name guide_graph
-/// 
+///
 /// @example HTML
 ///   <div class="guide_graph"></div>
-/// 
+///
 .guide_graph {
     @include guide_graph($rhythm_base); // Default size, customize as needed
 }
 
-
-/// 
+///
 /// Applies a baseline grid overlay to maintain vertical rhythm.
-/// 
+///
 /// @name guide_baseline
-/// 
+///
 /// @example HTML
 ///   <div class="guide_baseline"></div>
-/// 
+///
 .guide_baseline {
-    @include guide_baseline($line_height_base); // Default size, customize as needed
+    @include guide_baseline(
+        $line_height_base
+    ); // Default size, customize as needed
 }
 
-
-/// 
+///
 /// Applies a full baseline grid with both vertical and horizontal lines.
-/// 
+///
 /// @name baseline_grid
-/// 
+///
 /// @example HTML
 ///   <div class="baseline-grid"></div>
-/// 
+///
 .baseline_grid {
     @include baseline_grid(60px, 24px); // Default sizes, customize as needed
 }
 
-
-/// 
+///
 /// Creates a centered guide box for alignment checks.
-/// 
+///
 /// @name guide_centered
-/// 
+///
 /// @example HTML
 ///   <div class="guide_centered"></div>
-/// 
+///
 .guide_centered {
     @include guide_centered(200px, 200px); // Default size, customize as needed
 }
 
-
-/// 
+///
 /// Visualizes the margin area around content.
-/// 
+///
 /// @name guide_margin
-/// 
+///
 /// @example HTML
 ///   <div class="guide_margin"></div>
-/// 
+///
 .guide_margin {
     @include guide_margin(20px); // Default margin size, customize as needed
 }
 
-
-/// 
+///
 /// Visualizes a larger margin area around content.
-/// 
+///
 /// @name guide_margin)_wide
-/// 
+///
 /// @example HTML
 ///   <div class="guide_margin_wide"></div>
-/// 
+///
 .guide_margin_wide {
     @include guide_margin(40px); // Wider margin size, customize as needed
 }