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

# Input

```js
const Steps = styled.div`
  @media (min-width: 1px) {
    ${Step}:nth-child(odd) {}
  }
`;

const Steps2 = styled.div`
  @media (min-width: ${breakpoints.lg}) {
    ${Step} {
      margin-bottom: 90px;
    }

    ${Step}:nth-child(odd) {
      ${StepItemDescription} {
        grid-row: 1;
        grid-column: 3 / span 3;
      }
      ${Image} {
        grid-row: 1;
        grid-column: 7 / span 6;
      }
    }

    ${Step}:nth-child(even) {
      ${Image} {
        grid-row: 1;
        grid-column: 3 / span 6;
      }
      ${StepItemDescription} {
        grid-row: 1;
        grid-column: 10 / span 3;
      }
    }
  }
`;

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -1,7 +1,6 @@
 const Steps = styled.div`
   @media (min-width: 1px) {
-    ${Step}:nth-child(odd) {
-    }
+    ${Step}:nth-child(odd) {}
   }
 `;
 
```

# Output

```js
const Steps = styled.div`
  @media (min-width: 1px) {
    ${Step}:nth-child(odd) {}
  }
`;

const Steps2 = styled.div`
  @media (min-width: ${breakpoints.lg}) {
    ${Step} {
      margin-bottom: 90px;
    }

    ${Step}:nth-child(odd) {
      ${StepItemDescription} {
        grid-row: 1;
        grid-column: 3 / span 3;
      }
      ${Image} {
        grid-row: 1;
        grid-column: 7 / span 6;
      }
    }

    ${Step}:nth-child(even) {
      ${Image} {
        grid-row: 1;
        grid-column: 3 / span 6;
      }
      ${StepItemDescription} {
        grid-row: 1;
        grid-column: 10 / span 3;
      }
    }
  }
`;
```