Indent groups (#1772)

This way it looks less weird when they break
master
Christopher Chedeau 2017-05-27 13:01:38 -07:00 committed by GitHub
parent f3823276eb
commit 3c110b0230
6 changed files with 46 additions and 20 deletions

View File

@ -2652,7 +2652,7 @@ function genericPrintNoParens(path, options, print, args) {
}
}
return group(concat(parts));
return group(indent(concat(parts)));
}
case "value-paren_group": {
const parent = path.getParentNode();
@ -2668,7 +2668,9 @@ function genericPrintNoParens(path, options, print, args) {
}
if (!n.open) {
return group(join(concat([",", line]), path.map(print, "groups")));
return group(
indent(join(concat([",", line]), path.map(print, "groups")))
);
}
return group(

View File

@ -0,0 +1,19 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`indent.css 1`] = `
div {
background: var(fig-light-02) url(/images/inset-shadow-east-ltr.png) 100% 0 repeat-y;
box-shadow: 0 0 1px 2px rgba(88, 144, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
div {
background: var(fig-light-02)
url(/images/inset-shadow-east-ltr.png)
100%
0
repeat-y;
box-shadow: 0 0 1px 2px rgba(88, 144, 255, 0.75),
0 1px 1px rgba(0, 0, 0, 0.15);
}
`;

View File

@ -0,0 +1,4 @@
div {
background: var(fig-light-02) url(/images/inset-shadow-east-ltr.png) 100% 0 repeat-y;
box-shadow: 0 0 1px 2px rgba(88, 144, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
}

View File

@ -0,0 +1 @@
run_spec(__dirname, { parser: "postcss" });

View File

@ -7,9 +7,9 @@ exports[`font-face.css 1`] = `
font-family: 'HelveticaNeueW02-45Ligh';
src: url("/fonts/pictos-web.eot");
src: local("☺"),
url("/fonts/pictos-web.woff") format("woff"),
url("/fonts/pictos-web.ttf") format("truetype"),
url("/fonts/pictos-web.svg#webfontIyfZbseF") format("svg");
url("/fonts/pictos-web.woff") format("woff"),
url("/fonts/pictos-web.ttf") format("truetype"),
url("/fonts/pictos-web.svg#webfontIyfZbseF") format("svg");
font-weight: normal;
font-style: normal;
}

View File

@ -59,11 +59,11 @@ $myVar7: linear-gradient(to right, RGBA(0, 0, 0, 0.5), RGB(255, 255, 255));
BACKGROUND: linear-gradient(to right, $myVar2, RGB(255, 255, 255));
COLOR: RGB(0, 0, 0);
TRANSFORM: TRANSLATE(0, 0)
TRANSLATEX(0)
TRANSLATEY(0)
TRANSLATEZ(0)
TRANSLATE3D(0, 0, 0)
MATRIX(1, 1, 1, 1);
TRANSLATEX(0)
TRANSLATEY(0)
TRANSLATEZ(0)
TRANSLATE3D(0, 0, 0)
MATRIX(1, 1, 1, 1);
TRANSFORM: TRANSLATE(0, 0);
TRANSFORM: TRANSLATEX(0);
TRANSFORM: TRANSLATEY(0);
@ -79,16 +79,16 @@ $myVar7: linear-gradient(to right, RGBA(0, 0, 0, 0.5), RGB(255, 255, 255));
BACKGROUND: HSLA(120, 100%, 50%, 0.3);
COLOR: RGBA(0, 0, 0, 0.5);
TRANSFORM: ROTATE(1deg)
ROTATEX(1deg)
ROTATEY(1deg)
ROTATEZ(1deg)
ROTATE3D(0, 0, 1, 1deg)
SKEW(1deg)
SKEWX(1deg)
SKEWY(1deg)
SCALE(1, 1)
SCALEX(1)
SCALEY(1);
ROTATEX(1deg)
ROTATEY(1deg)
ROTATEZ(1deg)
ROTATE3D(0, 0, 1, 1deg)
SKEW(1deg)
SKEWX(1deg)
SKEWY(1deg)
SCALE(1, 1)
SCALEX(1)
SCALEY(1);
TRANSFORM: ROTATE(1deg);
TRANSFORM: ROTATEX(1deg);
TRANSFORM: ROTATEY(1deg);