diff --git a/js/src/css/beautifier.js b/js/src/css/beautifier.js index 37c3c2c67..542e7facf 100644 --- a/js/src/css/beautifier.js +++ b/js/src/css/beautifier.js @@ -68,6 +68,7 @@ function Beautifier(source_text, options) { "@document": true }; this.NON_SEMICOLON_NEWLINE_PROPERTY = [ + "grid-template-areas", "grid-template" ]; diff --git a/python/cssbeautifier/css/beautifier.py b/python/cssbeautifier/css/beautifier.py index 011c00a72..5c67bfd03 100644 --- a/python/cssbeautifier/css/beautifier.py +++ b/python/cssbeautifier/css/beautifier.py @@ -119,7 +119,7 @@ def __init__(self, source_text, opts=default_options()): "@document", } self.CONDITIONAL_GROUP_RULE = {"@media", "@supports", "@document"} - self.NON_SEMICOLON_NEWLINE_PROPERTY = ["grid-template"] + self.NON_SEMICOLON_NEWLINE_PROPERTY = ["grid-template-areas", "grid-template"] def eatString(self, endChars): result = "" diff --git a/test/data/css/tests.js b/test/data/css/tests.js index 38190b052..99de77d0e 100644 --- a/test/data/css/tests.js +++ b/test/data/css/tests.js @@ -1540,6 +1540,21 @@ exports.test_data = { ' grid-template: "top-bar" 100px;', '}' ] + }, { + input: [ + 'div {', + 'grid-template-areas: "a"', + ' "b" ', + ' "c";', + '}' + ], + output: [ + 'div {', + ' grid-template-areas: "a"', + ' "b"', + ' "c";', + '}' + ] }, { input: [ 'div {',