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

# Input

```js
const paragraph1 = css`
  font-size: 12px;
  transform: ${vert ? 'translateY' : 'translateX'}(${translation + handleOffset}px);
`;

const paragraph2 = css`
  transform: ${expr}(30px);
`;

const paragraph3 = css`
  transform: ${expr} (30px);
`;

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -1,7 +1,6 @@
 const paragraph1 = css`
   font-size: 12px;
-  transform: ${vert ? "translateY" : "translateX"}
-    (${translation + handleOffset}px);
+  transform: ${vert ? "translateY" : "translateX"}(${translation + handleOffset}px);
 `;
 
 const paragraph2 = css`
```

# Output

```js
const paragraph1 = css`
  font-size: 12px;
  transform: ${vert ? "translateY" : "translateX"}(${translation + handleOffset}px);
`;

const paragraph2 = css`
  transform: ${expr}(30px);
`;

const paragraph3 = css`
  transform: ${expr} (30px);
`;
```

# Lines exceeding max width of 80 characters
```
    3:   transform: ${vert ? "translateY" : "translateX"}(${translation + handleOffset}px);
```