LPS-115485 Format CSS

modules/apps/frontend-css/frontend-css-variables-web/src/main/java/com/liferay/frontend/css/variables/web/internal/servlet/taglib/ScopedCSSVariablesTopHeadDynamicInclude.java

@@ -19,6 +19,7 @@
 import com.liferay.osgi.service.tracker.collections.list.ServiceTrackerList;
 import com.liferay.osgi.service.tracker.collections.list.ServiceTrackerListFactory;
 import com.liferay.osgi.service.tracker.collections.map.PropertyServiceReferenceComparator;
+import com.liferay.petra.string.StringPool;
 import com.liferay.portal.kernel.servlet.taglib.BaseDynamicInclude;
 import com.liferay.portal.kernel.servlet.taglib.DynamicInclude;
 
@@ -105,21 +106,22 @@ private void _writeCSSVariables(
 		for (ScopedCSSVariables scopedCSSVariables :
 				scopedCSSVariablesCollection) {
 
+			printWriter.print(StringPool.TAB);
 			printWriter.print(scopedCSSVariables.getScope());
 			printWriter.print(" {\n");
 
 			Map<String, String> cssVariables =
 				scopedCSSVariables.getCSSVariables();
 
 			for (Map.Entry<String, String> entry : cssVariables.entrySet()) {
-				printWriter.print("--");
+				printWriter.print("\t\t--");
 				printWriter.print(entry.getKey());
 				printWriter.print(": ");
 				printWriter.print(entry.getValue());
 				printWriter.print(";\n");
 			}
 
-			printWriter.print("}\n");
+			printWriter.print("\t}\n");
 		}
 	}
 

modules/apps/frontend-css/frontend-css-variables-web/src/test/java/com/liferay/frontend/css/variables/web/internal/servlet/taglib/ScopedCSSVariablesTopHeadDynamicIncludeTest.java

@@ -139,6 +139,8 @@ public String getScope() {
 				public Map<String, String> getCSSVariables() {
 					return HashMapBuilder.put(
 						"color", "green"
+					).put(
+						"fixed-font", "\"Lucida Console\""
 					).put(
 						"font", "Comic Sans"
 					).build();

modules/apps/frontend-css/frontend-css-variables-web/src/test/resources/com/liferay/frontend/css/variables/web/internal/servlet/taglib/liferay_css_variables_1.html

@@ -1,5 +1,5 @@
 <style data-senna-track="temporary" type="text/css">
-:root {
---color: red;
-}
+	:root {
+		--color: red;
+	}
 </style>

modules/apps/frontend-css/frontend-css-variables-web/src/test/resources/com/liferay/frontend/css/variables/web/internal/servlet/taglib/liferay_css_variables_2.html

@@ -1,13 +1,14 @@
 <style data-senna-track="temporary" type="text/css">
-:root {
---color: red;
-}
-body {
---color: green;
---font: Comic Sans;
-}
-:root {
---color: yellow;
---font: Arial;
-}
+	:root {
+		--color: red;
+	}
+	body {
+		--color: green;
+		--fixed-font: "Lucida Console";
+		--font: Comic Sans;
+	}
+	:root {
+		--color: yellow;
+		--font: Arial;
+	}
 </style>