qss 0.6.0 → 0.7.0

data/app/assets/stylesheets/qss/qss_core.scss

@@ -216,6 +216,21 @@ $qss-scope: if($qss-portal-root == "", $qss-anchor, "#{$qss-anchor}, #{$qss-port
 @include qss-dsl-boost(".qss-rounded\\[full\\]") { border-radius: 9999px; }
 @include qss-dsl-boost(".qss-rounded-full")   { border-radius: 9999px; }
 
+/* Clamped percentage-of-parent spacing (DESIGN_HISTORY #17.2, 2026-11-02). A gap that's allowed to
+   flex with its immediate containing block's actual rendered size -- the rule-of-thirds "headroom"
+   case -- rather than holding rigidly proportional to the canvas (qss-pos-y[N]) or growing
+   unbounded with the parent (qss-pos-y-pct[N] alone). Can't be one 3-param bracket class: that would
+   need every min*pct*max combination precompiled, unlike the single-index loops above. Instead,
+   three composable value-setters feed one trigger class's clamp(), the same stacking-many-atomic-
+   classes idiom the rest of this grammar already uses. Usage: stack qss-elastic-y-min[N],
+   qss-elastic-y-pct[N], qss-elastic-y-max[N] and the bare qss-elastic-y trigger on one element. */
+@for $i from 0 through map-get($qss-quantization, "units") {
+  @include qss-dsl-boost(".qss-elastic-y-min\\[#{$i}\\]") { --qss-ey-min: calc(#{$i} * var(--qnt)); }
+  @include qss-dsl-boost(".qss-elastic-y-max\\[#{$i}\\]") { --qss-ey-max: calc(#{$i} * var(--qnt)); }
+  @include qss-dsl-boost(".qss-elastic-y-pct\\[#{$i}\\]") { --qss-ey-pct: #{percentage($i * 0.001)}; }
+}
+@include qss-dsl-boost(".qss-elastic-y") { top: clamp(var(--qss-ey-min, 0px), var(--qss-ey-pct, 0%), var(--qss-ey-max, 0px)); }
+
 /* Palette Generation -- each color is also a real custom property (--c-{name}),
    not just a Sass compile-time value, so color-mix() can read it at the point of use. */
 :root {

data/config/grammar.yml

@@ -25,6 +25,12 @@ adjectives:
     - qss-pos-r
     - qss-pos-b
     - qss-pos
+    # Clamped percentage-of-parent spacing (DESIGN_HISTORY #17.2, 2026-11-02). Three composable
+    # value-setters plus a trigger class -- see qss_core.scss for why this isn't one 3-param bracket.
+    - qss-elastic-y-min
+    - qss-elastic-y-pct
+    - qss-elastic-y-max
+    - qss-elastic-y
 
   # 1b. Flow-Relative: Positioning that doesn't break document flow
   flow_relative:

data/config/integrity.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.6.0",
+  "version": "0.7.0",
   "files": {
-    "qss_core.css": "b0797c7a11c5d1c7cc2cfd4889bccfd901b3c002e8e4f8ddb787a221e5c57c87"
+    "qss_core.css": "6f0b8f179b060b47fc9e1446982480f51663394a3bf2d66134ef6a2cd4f2e9de"
   }
 }