@builder.io/sdk-qwik 0.1.14 → 0.1.15
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.
- package/lib/index.qwik.cjs +5 -4
- package/lib/index.qwik.mjs +5 -4
- package/package.json +1 -1
package/lib/index.qwik.cjs
CHANGED
|
@@ -693,20 +693,21 @@ const columnsCssVars = function columnsCssVars2(props, state, builderContext2) {
|
|
|
693
693
|
};
|
|
694
694
|
};
|
|
695
695
|
const columnCssVars = function columnCssVars2(props, state, builderContext2, index) {
|
|
696
|
+
index === 0 ? 0 : state.gutterSize;
|
|
696
697
|
const width = getColumnCssWidth(props, state, builderContext2, index);
|
|
697
|
-
const
|
|
698
|
+
const gutterPixels = `${state.gutterSize}px`;
|
|
698
699
|
const mobileWidth = "100%";
|
|
699
700
|
const mobileMarginLeft = 0;
|
|
700
701
|
return {
|
|
701
702
|
width,
|
|
702
|
-
"margin-left":
|
|
703
|
+
"margin-left": gutterPixels,
|
|
703
704
|
"--column-width-mobile": getMobileStyle(props, state, builderContext2, {
|
|
704
705
|
stackedStyle: mobileWidth,
|
|
705
706
|
desktopStyle: width
|
|
706
707
|
}),
|
|
707
708
|
"--column-margin-left-mobile": getMobileStyle(props, state, builderContext2, {
|
|
708
709
|
stackedStyle: mobileMarginLeft,
|
|
709
|
-
desktopStyle:
|
|
710
|
+
desktopStyle: gutterPixels
|
|
710
711
|
}),
|
|
711
712
|
"--column-width-tablet": getTabletStyle(props, state, builderContext2, {
|
|
712
713
|
stackedStyle: mobileWidth,
|
|
@@ -714,7 +715,7 @@ const columnCssVars = function columnCssVars2(props, state, builderContext2, ind
|
|
|
714
715
|
}),
|
|
715
716
|
"--column-margin-left-tablet": getTabletStyle(props, state, builderContext2, {
|
|
716
717
|
stackedStyle: mobileMarginLeft,
|
|
717
|
-
desktopStyle:
|
|
718
|
+
desktopStyle: gutterPixels
|
|
718
719
|
})
|
|
719
720
|
};
|
|
720
721
|
};
|
package/lib/index.qwik.mjs
CHANGED
|
@@ -691,20 +691,21 @@ const columnsCssVars = function columnsCssVars2(props, state, builderContext2) {
|
|
|
691
691
|
};
|
|
692
692
|
};
|
|
693
693
|
const columnCssVars = function columnCssVars2(props, state, builderContext2, index) {
|
|
694
|
+
index === 0 ? 0 : state.gutterSize;
|
|
694
695
|
const width = getColumnCssWidth(props, state, builderContext2, index);
|
|
695
|
-
const
|
|
696
|
+
const gutterPixels = `${state.gutterSize}px`;
|
|
696
697
|
const mobileWidth = "100%";
|
|
697
698
|
const mobileMarginLeft = 0;
|
|
698
699
|
return {
|
|
699
700
|
width,
|
|
700
|
-
"margin-left":
|
|
701
|
+
"margin-left": gutterPixels,
|
|
701
702
|
"--column-width-mobile": getMobileStyle(props, state, builderContext2, {
|
|
702
703
|
stackedStyle: mobileWidth,
|
|
703
704
|
desktopStyle: width
|
|
704
705
|
}),
|
|
705
706
|
"--column-margin-left-mobile": getMobileStyle(props, state, builderContext2, {
|
|
706
707
|
stackedStyle: mobileMarginLeft,
|
|
707
|
-
desktopStyle:
|
|
708
|
+
desktopStyle: gutterPixels
|
|
708
709
|
}),
|
|
709
710
|
"--column-width-tablet": getTabletStyle(props, state, builderContext2, {
|
|
710
711
|
stackedStyle: mobileWidth,
|
|
@@ -712,7 +713,7 @@ const columnCssVars = function columnCssVars2(props, state, builderContext2, ind
|
|
|
712
713
|
}),
|
|
713
714
|
"--column-margin-left-tablet": getTabletStyle(props, state, builderContext2, {
|
|
714
715
|
stackedStyle: mobileMarginLeft,
|
|
715
|
-
desktopStyle:
|
|
716
|
+
desktopStyle: gutterPixels
|
|
716
717
|
})
|
|
717
718
|
};
|
|
718
719
|
};
|