---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: js/multiparser-css/issue-2883.js
---

# Input

```js
export const foo = css`
&.foo .${bar}::before,&.foo[value="hello"] .${bar}::before {
	position: absolute;
}
`;

export const foo2 = css`
a.${bar}:focus,a.${bar}:hover {
  color: red;
}
`;

export const global = css`
button.${foo}.${bar} {
  color: #fff;
}
`;

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -1,17 +1,17 @@
 export const foo = css`
-  &.foo .${bar}::before,&.foo[value="hello"] .${bar}::before {
-    position: absolute;
-  }
+&.foo .${bar}::before,&.foo[value="hello"] .${bar}::before {
+	position: absolute;
+}
 `;
 
 export const foo2 = css`
-  a.${bar}:focus,a.${bar}:hover {
-    color: red;
-  }
+a.${bar}:focus,a.${bar}:hover {
+  color: red;
+}
 `;
 
 export const global = css`
-  button.${foo}.${bar} {
-    color: #fff;
-  }
+button.${foo}.${bar} {
+  color: #fff;
+}
 `;
```

# Output

```js
export const foo = css`
&.foo .${bar}::before,&.foo[value="hello"] .${bar}::before {
	position: absolute;
}
`;

export const foo2 = css`
a.${bar}:focus,a.${bar}:hover {
  color: red;
}
`;

export const global = css`
button.${foo}.${bar} {
  color: #fff;
}
`;
```