move css up

mui · Jun 14, 2024 · 0e964f8 · 0e964f8
1 parent 1918b38
commit 0e964f8
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/packages/pigment-css-react/src/Stack.jsx b/packages/pigment-css-react/src/Stack.jsx
@@ -27,6 +27,10 @@ const stackAtomics = generateAtomics(({ theme }) => {
   };
 });
 
+const baseStack = css`
+  display: flex;
+`;
+
 /**
  * Return an array with the separator React element interspersed between
  * each React node of the input children.
@@ -74,13 +78,7 @@ const Stack = React.forwardRef(function Stack(
   return (
     <Component
       ref={ref}
-      className={clsx(
-        css`
-          display: flex;
-        `,
-        stackClasses.className,
-        className,
-      )}
+      className={clsx(baseStack, stackClasses.className, className)}
       style={{ ...style, ...stackClasses.style }}
       {...rest}
     >