unit.gl 0.0.40 → 0.1.1

package/scss/variables/_index.scss

@@ -3,15 +3,15 @@
 // ============================================================================
 
 ////
-/// 
+///
 /// Variables Module
 /// ===========================================================================
-/// 
+///
 /// This module consolidates and forwards SCSS partials that define variables
 /// for consistent use throughout the project. Each forwarded file encapsulates
 /// a specific category of variables, ensuring modularity, clarity, and ease of
 /// maintenance.
-/// 
+///
 /// Forwarded Modules Overview:
 /// - `layer`: Variables related to layout layers and z-indexing.
 /// - `paper`: Defines color palettes, textures, and backgrounds.
@@ -21,14 +21,14 @@
 /// - `device`: Device-specific configurations to enhance responsive design.
 /// - `color`: Centralized color definitions for consistent theming.
 /// - `ratio`: Aspect ratio configurations for responsive elements.
-/// 
+///
 /// @group Variables
 /// @author Scape Agency
 /// @link https://unit.gl
 /// @since 0.1.0 initial release
 /// @todo None
 /// @access public
-/// 
+///
 ////
 
 
@@ -42,58 +42,57 @@
 // ============================================================================
 
 
-/// 
+///
 /// Forwards variables related to layout layers and z-indexing, ensuring
 /// consistent layering and stacking order throughout the project.
-/// 
+///
 @forward "layer";  // Layout layers and z-index variables
 
 
-/// 
+///
 /// Forwards variables defining paper sizes etc.
-/// 
+///
 @forward "paper";
 
 
-/// 
+///
 /// Forwards variables managing scaling factors for typography and responsive
 /// elements, ensuring that elements scale proportionally across different
 /// viewports.
-/// 
+///
 @forward "scale";  // Typography scaling and responsive element sizing
 
 
-/// 
+///
 /// Forwards viewport-specific variables, such as breakpoints, to facilitate
 /// responsive design practices.
-/// 
+///
 @forward "view";  // Viewport-specific variables and breakpoints
 
 
-/// 
+///
 /// Forwards device-specific configurations that aid in creating responsive
 /// designs tailored to various devices.
-/// 
+///
 @forward "device";  // Device-specific responsive design variables
 
 
-/// 
+///
 /// Forwards centralized color definitions, providing a consistent color scheme
 /// across the project.
-/// 
+///
 @forward "color";  // Centralized color definitions for the project
 
 
-/// 
+///
 /// Forwards aspect ratio configurations that ensure responsive elements
 /// maintain their intended proportions across different devices and viewports.
-/// 
+///
 @forward "ratio";  // Aspect ratio configurations for responsive elements
 
-/// 
+///
 /// Forwards variables related to measurement units, spacing, and size
 /// definitions. Useful for maintaining consistent sizing across different
 /// components.
-/// 
+///
 @forward "unit";  // Measurement units and spacing
-

package/scss/variables/_layer.scss

@@ -3,17 +3,17 @@
 // ============================================================================
 
 ////
-/// 
+///
 /// Layer Variables Module
 /// ===========================================================================
-/// 
+///
 /// @group Layer
 /// @author Scape Agency
 /// @link https://unit.gl
 /// @since 0.1.0 initial release
 /// @todo None
 /// @access public
-/// 
+///
 ////
 
 
@@ -27,33 +27,33 @@
 // ============================================================================
 
 
-/// 
+///
 /// Z-Index Layer Map
 /// ---------------------------------------------------------------------------
 ///
 /// A map defining the z-index layers used to manage the stacking order of UI
 /// elements. Each key in the map represents a specific layer, with an
 /// associated numeric value indicating its z-index.
-/// 
+///
 /// This map defines the z-index layers used throughout the project to manage
 /// the stacking order of various interface elements. Adjustments can be made
 /// by modifying the values associated with each layer.
-/// 
+///
 /// - **Guides**: High-priority overlays for design guides.
 /// - **Overlays**: Elements like modals that need to appear above other content.
 /// - **Interface Elements**: General UI components, ribbons, and controls.
 /// - **Content**: Main content areas, typically stacked below UI elements.
 /// - **Background Layers**: Base layers like canvases, typically behind content.
 /// - **Special Values**: Special z-index values for maximum, minimum, and baseline.
-/// 
+///
 /// @name layers
 /// @type Map
-/// 
+///
 /// @example scss - Usage Example
 ///   .element {
-///     z-index: z('modal');
+///     z-index: z("modal");
 ///   }
-/// 
+///
 /// @todo Add more layers as needed, ensuring consistent and clear naming.
 ///
 $layers: (
@@ -61,95 +61,86 @@ $layers: (
     // ========================================================================
     // Guides
     // ========================================================================
-    
+
     /// High-priority guide overlays for design and debugging.
     /// @name guides
     /// @type Number
-    "guides":              9998,  // High priority guide overlays
+    "guides": 9998,
 
- 
     /// Baseline guide used for text alignment and visual rhythm.
     /// @name guide_baseline
     /// @type Number
-    "guide_baseline":      3000,  // Baseline guide for text alignment
+    "guide_baseline": 3000,
 
- 
     /// Graphical guides, such as grid overlays, used in design.
     /// @name guide_graph
     /// @type Number
-    "guide_graph":         3100,  // Graphical guides, such as grids
+    "guide_graph": 3100,
 
     // ========================================================================
     // Overlays
     // ========================================================================
 
- 
-    /// Z-index for modals and dialog boxes, ensuring they appear above other content.
+    /// Z-index for modals and dialog boxes, ensuring they appear above other
+    /// content.
     /// @name modal
     /// @type Number
-    "modal":               7000,  // Modals and dialog boxes
+    "modal": 7000,
 
     // ========================================================================
     // Interface Elements
     // ========================================================================
 
- 
     /// Z-index for top ribbons and banners that overlay other UI elements.
     /// @name ribbon
     /// @type Number
-    "ribbon":              5000,  // Top ribbons, banners
+    "ribbon": 5000,
 
- 
     /// General interface elements like headers, footers, and sidebars.
     /// @name interface
     /// @type Number
-    "interface":           4000,  // General interface elements
+    "interface": 4000,
 
- 
     /// Controls like buttons, sliders, and other interactive elements.
     /// @name control
     /// @type Number
-    "control":             3000,  // Controls like buttons, sliders
+    "control": 3000,
 
     // ========================================================================
     // Content
     // ========================================================================
 
-    
     /// Main content area, typically stacked below UI elements.
     /// @name content
     /// @type Number
-    "content":             2000,  // Main content area
+    "content": 2000,
 
     // ========================================================================
     // Background Layers
     // ========================================================================
 
-    
     /// Background canvas or base layer, typically the lowest layer.
     /// @name canvas
     /// @type Number
-    "canvas":             -1000,  // Background canvas or base layer
+    "canvas": -1000,
 
     // ========================================================================
     // Special Values
     // ========================================================================
-    
+
     /// Maximum possible z-index value.
     /// @name max
     /// @type Number
-    "max": 9999,  // Maximum possible z-index
+    "max": 9999,
 
-    
     /// Default, baseline z-index value.
     /// @name mid
     /// @type Number
-    "mid": 0,  // Default, baseline z-index
+    "mid": 0,
 
-    
     /// Minimum possible z-index value.
     /// @name min
     /// @type Number
-    "min":m-9999,  // Minimum possible z-index
+    "min": -9999,
 
 ) !default;