---
source: crates/biome_formatter_test/src/snapshot_builder.rs
info: css/atword/atword.css
---

# Input

```css
.test { @color: red; color: @color; }

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -1,4 +1,5 @@
 .test {
-  @color: red;
+  @
+  color: red;
   color: @color;
 }
```

# Output

```css
.test {
  @
  color: red;
  color: @color;
}
```

# Errors
```
atword.css:1:10 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
  > 1 │ .test { @color: red; color: @color; }
      │          ^^^^^
    2 │ 
  
  i Expected one of:
  
  - charset
  - color-profile
  - container
  - counter-style
  - document
  - font-face
  - font-feature-values
  - font-palette-values
  - import
  - keyframes
  - layer
  - media
  - namespace
  - page
  - property
  - supports
  - viewport
  - scope
  
atword.css:1:29 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
  > 1 │ .test { @color: red; color: @color; }
      │                             ^^^^^^
    2 │ 
  
  i Expected one of:
  
  - identifier
  - string
  - number
  - dimension
  - ratio
  - custom property
  - function
  

```