@bitstack/ng-boundary 14.0.1-alpha.1 → 14.0.1-alpha.3

package/src/lib/_/_variables.scss

@@ -0,0 +1,29 @@
+@use "sass:math";
+
+// 基礎尺寸 (無單位數值)
+$design-width: 540;
+$design-height: 960;
+
+// 帶單位的版本 (當需要 px 單位時使用)
+$design-width-px: #{$design-width}px;
+$design-height-px: #{$design-height}px;
+
+$landscape-ratio: math.div($design-width, $design-height);
+$portrait-ratio: math.div($design-height, $design-width);
+
+// Portrait 模式的設計基準
+$layout-portrait-width: $design-width; // 375
+$layout-portrait-height: $design-height; // 667
+
+// Landscape 模式的設計基準
+$layout-landscape-width: $design-height; // 667
+$layout-landscape-height: $design-width; // 375
+
+$vw-unit: dvw !default;
+$vh-unit: dvh !default;
+
+@supports not (width: 100dvh) {
+    $vw-unit: vw;
+    $vh-unit: vh;
+}
+

package/src/styles/index.scss

@@ -0,0 +1,20 @@
+/**
+ * Public SCSS API for @bitstack/ng-boundary
+ *
+ * This file exports all SCSS utilities, functions, and mixins
+ * for use in consumer projects.
+ *
+ * Usage:
+ * @use '@bitstack/ng-boundary/styles' as boundary;
+ *
+ * .my-component {
+ *   width: boundary.px2vw(100);
+ *   height: boundary.px2vw(200);
+ * }
+ */
+
+// Export all utilities
+// Note: _awd already includes _responsive internally, so we don't need to forward _responsive separately
+@forward '../lib/_/_variables';
+@forward '../lib/_/_awd';
+@forward '../lib/_/_mixin';

package/styles.scss

@@ -0,0 +1,8 @@
+/**
+ * Main entry point for @bitstack/ng-boundary styles
+ *
+ * Usage:
+ * @use '@bitstack/ng-boundary/styles' as boundary;
+ */
+
+@forward 'src/styles/index';