if responsiveStyling is for size xs (mobile) add style for smaller than cutoff too

Tiko · Tiko · commit b972fe867263 · 2022-04-05T14:54:12.000+02:00
diff --git a/components/src/helpers/responsiveCss.ts b/components/src/helpers/responsiveCss.ts
@@ -11,10 +11,14 @@ export const responsiveValuesCSS = (
 			Object.keys(value)[0],
 			Object.values(value)[0].toString(),
 		];
+
+		if(screenBreakpoint === "400"){
+			return (mediaQueries + `${cssProp}: ${cssPropBreakpoint}${cssPropUnits};`);
+		}
 		return (mediaQueries + `
-      @media screen and (${mediaQueryType}: ${screenBreakpoint}px) {
-        ${cssProp}: ${cssPropBreakpoint}${cssPropUnits};
-      }
+		  @media screen and (${mediaQueryType}: ${screenBreakpoint}px) {
+			${cssProp}: ${cssPropBreakpoint}${cssPropUnits};
+		  }
       `);
 	}, "");
 	return breakpointProps as string;
