fix(Stack): Parent stack shouldn't override gap value of nested stacks

sapegin · Jun 21, 2020 · 96fca48 · 96fca48
1 parent 2166e58
commit 96fca48
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Stack.tsx b/src/components/Stack.tsx
@@ -37,8 +37,11 @@ export const Stack = styled(Flex)<Props>(
 			// at the correct side. We have to use CSS properties becase it's the
 			// only way to use several responsive props together
 			// @ts-ignore
-			property: '--stack-gap',
+			property: '> * + *',
 			scale: 'space',
+			transform: (value, scale) => ({
+				'--stack-gap': (scale as TLengthStyledSystem[])[value],
+			}),
 		},
 		direction: {
 			// @ts-ignore