Break before combinators and indent (#1809)

src/printer.js

@@ -2691,7 +2691,10 @@ function genericPrintNoParens(path, options, print, args) {
     case "selector-combinator": {
       if (n.value === "+" || n.value === ">" || n.value === "~") {
         const parent = path.getParentNode();
-        const leading = parent.type === "selector-selector" && parent.nodes[0] === n ? "" : " ";
+        const leading = parent.type === "selector-selector" &&
+          parent.nodes[0] === n
+          ? ""
+          : line;
         return concat([leading, n.value, " "]);
       }
       return n.value;
@@ -2700,7 +2703,7 @@ function genericPrintNoParens(path, options, print, args) {
       return n.value;
     }
     case "selector-selector": {
-      return concat(path.map(print, "nodes"));
+      return group(indent(concat(path.map(print, "nodes"))));
     }
     case "selector-pseudo": {
       return concat([

tests/css_indent/__snapshots__/jsfmt.spec.js.snap

@@ -22,3 +22,20 @@ div {
 }
 
 `;
+
+exports[`selectors.css 1`] = `
+a {
+  ~ .Pagination-itemWrapper:not(.is-separator):not([data-priority^='#{$priority}'])
+    ~ .Pagination-itemWrapper.is-separator[data-priority^='#{$priority}'] {
+    display: flex;
+  }
+}
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+a {
+  ~ .Pagination-itemWrapper:not(.is-separator):not([data-priority^='#{$priority}'])
+    ~ .Pagination-itemWrapper.is-separator[data-priority^='#{$priority}'] {
+    display: flex;
+  }
+}
+
+`;

tests/css_indent/selectors.css

@@ -0,0 +1,6 @@
+a {
+  ~ .Pagination-itemWrapper:not(.is-separator):not([data-priority^='#{$priority}'])
+    ~ .Pagination-itemWrapper.is-separator[data-priority^='#{$priority}'] {
+    display: flex;
+  }
+}