procode-vs-theme 2.1.0 → 2.2.0
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.
|
@@ -2,7 +2,26 @@
|
|
|
2
2
|
@use "../../base/mixins/meta-class" as mc;
|
|
3
3
|
|
|
4
4
|
@each $key, $value in sp.$spacers {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
// `--prc-gap-x` is published next to every column gap this file sets, so the
|
|
6
|
+
// `.prc-cl-N` column system in procode-lowcode-core (>= 2.3.0) can subtract
|
|
7
|
+
// the row's gap from each column's flex-basis. Without it a column is a flat
|
|
8
|
+
// percentage of the row and the gap is added on top, so a full row overflows
|
|
9
|
+
// and shrinks while a partial row does not — and the two rows stop lining up
|
|
10
|
+
// the moment a gap is set. See ContainerRenderer/styles/index.scss for the
|
|
11
|
+
// derivation. Anything that is not a column row ignores the property.
|
|
12
|
+
//
|
|
13
|
+
// A unitless 0 has to become `0px` first: the columns' `calc()` subtracts
|
|
14
|
+
// this from a percentage, and a percentage minus a plain number is invalid,
|
|
15
|
+
// which would drop the declaration and leave the column with no basis.
|
|
16
|
+
$gap-x: $value;
|
|
17
|
+
@if $value == 0 {
|
|
18
|
+
$gap-x: 0px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@include mc.meta("qo-gap-#{$key}", (gap: $value, "--prc-gap-x": $gap-x));
|
|
22
|
+
@include mc.meta(
|
|
23
|
+
"qo-gap-x-#{$key}",
|
|
24
|
+
(column-gap: $value, "--prc-gap-x": $gap-x)
|
|
25
|
+
);
|
|
7
26
|
@include mc.meta("qo-gap-y-#{$key}", (row-gap: $value));
|
|
8
27
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "procode-vs-theme",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "VarStreet VS Theme - A comprehensive SCSS theme package for ProCode framework with variables, components, layout, and utilities for flexible design system usage",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -2,7 +2,26 @@
|
|
|
2
2
|
@use "../../base/mixins/meta-class" as mc;
|
|
3
3
|
|
|
4
4
|
@each $key, $value in sp.$spacers {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
// `--prc-gap-x` is published next to every column gap this file sets, so the
|
|
6
|
+
// `.prc-cl-N` column system in procode-lowcode-core (>= 2.3.0) can subtract
|
|
7
|
+
// the row's gap from each column's flex-basis. Without it a column is a flat
|
|
8
|
+
// percentage of the row and the gap is added on top, so a full row overflows
|
|
9
|
+
// and shrinks while a partial row does not — and the two rows stop lining up
|
|
10
|
+
// the moment a gap is set. See ContainerRenderer/styles/index.scss for the
|
|
11
|
+
// derivation. Anything that is not a column row ignores the property.
|
|
12
|
+
//
|
|
13
|
+
// A unitless 0 has to become `0px` first: the columns' `calc()` subtracts
|
|
14
|
+
// this from a percentage, and a percentage minus a plain number is invalid,
|
|
15
|
+
// which would drop the declaration and leave the column with no basis.
|
|
16
|
+
$gap-x: $value;
|
|
17
|
+
@if $value == 0 {
|
|
18
|
+
$gap-x: 0px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@include mc.meta("qo-gap-#{$key}", (gap: $value, "--prc-gap-x": $gap-x));
|
|
22
|
+
@include mc.meta(
|
|
23
|
+
"qo-gap-x-#{$key}",
|
|
24
|
+
(column-gap: $value, "--prc-gap-x": $gap-x)
|
|
25
|
+
);
|
|
7
26
|
@include mc.meta("qo-gap-y-#{$key}", (row-gap: $value));
|
|
8
27
|
}
|