@symbo.ls/scratch 2.11.229 → 2.11.236

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
package/dist/cjs/index.js CHANGED
@@ -665,7 +665,7 @@ var require_object = __commonJS({
665
665
  const spaces = " ".repeat(indent);
666
666
  let str = "{\n";
667
667
  for (const [key, value] of Object.entries(obj)) {
668
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
668
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
669
669
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
670
670
  str += `${spaces} ${stringedKey}: `;
671
671
  if ((0, import_types.isArray)(value)) {
@@ -2216,9 +2216,9 @@ var applyGlobalVars = (vars, obj, options) => {
2216
2216
  const ratioVar = `${prefix}-ratio`;
2217
2217
  vars[ratioVar] = ratio;
2218
2218
  const [first, middle, second] = getSubratio(base, ratio);
2219
- vars[`${prefix}-sub-ratio-1`] = first;
2220
- vars[`${prefix}-sub-ratio-2`] = middle;
2221
- vars[`${prefix}-sub-ratio-3`] = second;
2219
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
2220
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
2221
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
2222
2222
  };
2223
2223
  var applySequenceVars = (FACTORY2, options = {}) => {
2224
2224
  const CONFIG2 = getActiveConfig();
@@ -3365,6 +3365,7 @@ var set = (recivedConfig, options = SET_OPTIONS) => {
3365
3365
  useIconSprite,
3366
3366
  globalTheme,
3367
3367
  useDocumentTheme,
3368
+ useDefaultConfig,
3368
3369
  ...config
3369
3370
  } = recivedConfig;
3370
3371
  if (options.newConfig) {
package/dist/cjs/set.js CHANGED
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -1961,9 +1961,9 @@ var applyGlobalVars = (vars, obj, options) => {
1961
1961
  const ratioVar = `${prefix}-ratio`;
1962
1962
  vars[ratioVar] = ratio;
1963
1963
  const [first, middle, second] = getSubratio(base, ratio);
1964
- vars[`${prefix}-sub-ratio-1`] = first;
1965
- vars[`${prefix}-sub-ratio-2`] = middle;
1966
- vars[`${prefix}-sub-ratio-3`] = second;
1964
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
1965
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
1966
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
1967
1967
  };
1968
1968
  var applySequenceVars = (FACTORY2, options = {}) => {
1969
1969
  const CONFIG2 = getActiveConfig();
@@ -2774,6 +2774,7 @@ var set = (recivedConfig, options = SET_OPTIONS) => {
2774
2774
  useIconSprite,
2775
2775
  globalTheme,
2776
2776
  useDocumentTheme,
2777
+ useDefaultConfig,
2777
2778
  ...config
2778
2779
  } = recivedConfig;
2779
2780
  if (options.newConfig) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -1984,9 +1984,9 @@ var applyGlobalVars = (vars, obj, options) => {
1984
1984
  const ratioVar = `${prefix}-ratio`;
1985
1985
  vars[ratioVar] = ratio;
1986
1986
  const [first, middle, second] = getSubratio(base, ratio);
1987
- vars[`${prefix}-sub-ratio-1`] = first;
1988
- vars[`${prefix}-sub-ratio-2`] = middle;
1989
- vars[`${prefix}-sub-ratio-3`] = second;
1987
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
1988
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
1989
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
1990
1990
  };
1991
1991
  var applySequenceVars = (FACTORY2, options = {}) => {
1992
1992
  const CONFIG2 = getActiveConfig();
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -1823,9 +1823,9 @@ var applyGlobalVars = (vars, obj, options) => {
1823
1823
  const ratioVar = `${prefix}-ratio`;
1824
1824
  vars[ratioVar] = ratio;
1825
1825
  const [first, middle, second] = getSubratio(base, ratio);
1826
- vars[`${prefix}-sub-ratio-1`] = first;
1827
- vars[`${prefix}-sub-ratio-2`] = middle;
1828
- vars[`${prefix}-sub-ratio-3`] = second;
1826
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
1827
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
1828
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
1829
1829
  };
1830
1830
  var applySequenceVars = (FACTORY2, options = {}) => {
1831
1831
  const CONFIG2 = getActiveConfig();
@@ -665,7 +665,7 @@ var require_object = __commonJS({
665
665
  const spaces = " ".repeat(indent);
666
666
  let str = "{\n";
667
667
  for (const [key, value] of Object.entries(obj)) {
668
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
668
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
669
669
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
670
670
  str += `${spaces} ${stringedKey}: `;
671
671
  if ((0, import_types.isArray)(value)) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -1817,9 +1817,9 @@ var applyGlobalVars = (vars, obj, options) => {
1817
1817
  const ratioVar = `${prefix}-ratio`;
1818
1818
  vars[ratioVar] = ratio;
1819
1819
  const [first, middle, second] = getSubratio(base, ratio);
1820
- vars[`${prefix}-sub-ratio-1`] = first;
1821
- vars[`${prefix}-sub-ratio-2`] = middle;
1822
- vars[`${prefix}-sub-ratio-3`] = second;
1820
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
1821
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
1822
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
1823
1823
  };
1824
1824
  var applySequenceVars = (FACTORY2, options = {}) => {
1825
1825
  const CONFIG2 = getActiveConfig();
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -1824,9 +1824,9 @@ var applyGlobalVars = (vars, obj, options) => {
1824
1824
  const ratioVar = `${prefix}-ratio`;
1825
1825
  vars[ratioVar] = ratio;
1826
1826
  const [first, middle, second] = getSubratio(base, ratio);
1827
- vars[`${prefix}-sub-ratio-1`] = first;
1828
- vars[`${prefix}-sub-ratio-2`] = middle;
1829
- vars[`${prefix}-sub-ratio-3`] = second;
1827
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
1828
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
1829
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
1830
1830
  };
1831
1831
  var applySequenceVars = (FACTORY2, options = {}) => {
1832
1832
  const CONFIG2 = getActiveConfig();
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -665,7 +665,7 @@ var require_object = __commonJS({
665
665
  const spaces = " ".repeat(indent);
666
666
  let str = "{\n";
667
667
  for (const [key, value] of Object.entries(obj)) {
668
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
668
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
669
669
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
670
670
  str += `${spaces} ${stringedKey}: `;
671
671
  if ((0, import_types.isArray)(value)) {
@@ -665,7 +665,7 @@ var require_object = __commonJS({
665
665
  const spaces = " ".repeat(indent);
666
666
  let str = "{\n";
667
667
  for (const [key, value] of Object.entries(obj)) {
668
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
668
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
669
669
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
670
670
  str += `${spaces} ${stringedKey}: `;
671
671
  if ((0, import_types.isArray)(value)) {
@@ -2068,9 +2068,9 @@ var applyGlobalVars = (vars, obj, options) => {
2068
2068
  const ratioVar = `${prefix}-ratio`;
2069
2069
  vars[ratioVar] = ratio;
2070
2070
  const [first, middle, second] = getSubratio(base, ratio);
2071
- vars[`${prefix}-sub-ratio-1`] = first;
2072
- vars[`${prefix}-sub-ratio-2`] = middle;
2073
- vars[`${prefix}-sub-ratio-3`] = second;
2071
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
2072
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
2073
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
2074
2074
  };
2075
2075
  var applySequenceVars = (FACTORY2, options = {}) => {
2076
2076
  const CONFIG2 = getActiveConfig();
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -629,7 +629,7 @@ var require_object = __commonJS({
629
629
  const spaces = " ".repeat(indent);
630
630
  let str = "{\n";
631
631
  for (const [key, value] of Object.entries(obj)) {
632
- const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["-", ":", "@", ".", "/", "!"]);
632
+ const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
633
633
  const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
634
634
  str += `${spaces} ${stringedKey}: `;
635
635
  if ((0, import_types.isArray)(value)) {
@@ -1595,9 +1595,9 @@ var applyGlobalVars = (vars, obj, options) => {
1595
1595
  const ratioVar = `${prefix}-ratio`;
1596
1596
  vars[ratioVar] = ratio;
1597
1597
  const [first, middle, second] = getSubratio(base, ratio);
1598
- vars[`${prefix}-sub-ratio-1`] = first;
1599
- vars[`${prefix}-sub-ratio-2`] = middle;
1600
- vars[`${prefix}-sub-ratio-3`] = second;
1598
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`;
1599
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`;
1600
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`;
1601
1601
  };
1602
1602
  var applySequenceVars = (FACTORY2, options = {}) => {
1603
1603
  const CONFIG2 = getActiveConfig();
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@symbo.ls/scratch",
3
3
  "description": "Φ / CSS framework and methodology.",
4
4
  "author": "symbo.ls",
5
- "version": "2.11.229",
5
+ "version": "2.11.236",
6
6
  "files": [
7
7
  "src",
8
8
  "dist"
@@ -29,5 +29,5 @@
29
29
  "@symbo.ls/utils": "latest",
30
30
  "color-contrast-checker": "^1.5.0"
31
31
  },
32
- "gitHead": "3ccc5fb6cb32e86462f774d7bac671a94e963e48"
32
+ "gitHead": "d2a083322de551a55d184ccd6d3933ab465c209e"
33
33
  }
package/src/set.js CHANGED
@@ -90,6 +90,7 @@ export const set = (recivedConfig, options = SET_OPTIONS) => {
90
90
  useIconSprite,
91
91
  globalTheme,
92
92
  useDocumentTheme,
93
+ useDefaultConfig,
93
94
  ...config
94
95
  } = recivedConfig
95
96
 
package/src/utils/var.js CHANGED
@@ -28,9 +28,12 @@ export const applyGlobalVars = (vars, obj, options) => {
28
28
  vars[ratioVar] = ratio
29
29
 
30
30
  const [first, middle, second] = getSubratio(base, ratio)
31
- vars[`${prefix}-sub-ratio-1`] = first
32
- vars[`${prefix}-sub-ratio-2`] = middle
33
- vars[`${prefix}-sub-ratio-3`] = second
31
+ vars[`${prefix}-sub-ratio-1`] = `calc(var(${prefix}-ratio) * ${first / ratio})`
32
+ vars[`${prefix}-sub-ratio-2`] = `calc(var(${prefix}-ratio) * ${middle / ratio})`
33
+ vars[`${prefix}-sub-ratio-3`] = `calc(var(${prefix}-ratio) * ${second / ratio})`
34
+ // vars[`${prefix}-sub-ratio-1`] = first
35
+ // vars[`${prefix}-sub-ratio-2`] = middle
36
+ // vars[`${prefix}-sub-ratio-3`] = second
34
37
  }
35
38
 
36
39
  export const applySequenceVars = (FACTORY, options = {}) => {