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

# Input

```css
@supports (margin: .5px ".30px" 1E+2px) {
  a {
    a: 0;
    a: 1;

    a: 0.1;
    a: 1.1;

    a: .1;
    a: 1.;
    a: +.1;
    a: -.1;

    a: 1e1;
    a: 1e+1;
    a: 1e-1;
    a: 1.e1;
    a: .1e1;
    a: 1.1e1;
    a: 1.1e0010;
    a: +1.1e0010;
    a: -1.1e0010;
    a: .1e+0010;
    a: .1e-0010;

    a: 1E1;
    a: 1E+1;
    a: 1E-1;
    a: 1.E1;
    a: .1E1;
    a: 1.1E1;
    a: 1.1E0010;
    a: .1E+0010;
    a: .1E-0010;

    a: 0.5e0;
    a: 0.5e00;
    a: 0.5e+0;
    a: 0.5e+00;
    a: 0.5e-0;
    a: 0.5e-00;
    a: +0.5e0;
    a: -0.5e0;

    a: 1;
    a: 1.00500;
    a: 1.0;
    a: 1.5;
    a: 1.50;

    a: 0.00500;
    a: 0.0;
    a: 0.0000;

    a: 500600.001230045000;
    a: 1.00500e60;
    a: 1.0e60;
    a: 0.00500e60;
    a: 0.0e60;
    a: 0.0000e60;
    a: .0e60;
    a: 0.e60;
    a: 0e60;
    a: 500600.001230045000e60;
    a: 10;
    a: 9700;
    a: 10e100;
    height: attr(data-size em, .01);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { }
@include single-transition(transform, .5s ease);

```


# Prettier differences

```diff
--- Prettier
+++ Biome
@@ -1,4 +1,4 @@
-@supports (margin: 0.5px ".30px" 1e2px) {
+@supports (margin: .5px ".30px" 1e+2px) {
   a {
     a: 0;
     a: 1;
@@ -6,70 +6,72 @@
     a: 0.1;
     a: 1.1;
 
-    a: 0.1;
-    a: 1;
-    a: +0.1;
-    a: -0.1;
+    a: .1;
+    a: 1.;
+    a: +.1;
+    a: -.1;
 
     a: 1e1;
-    a: 1e1;
+    a: 1e+1;
     a: 1e-1;
-    a: 1e1;
-    a: 0.1e1;
+    a: 1.e1;
+    a: .1e1;
     a: 1.1e1;
-    a: 1.1e10;
-    a: +1.1e10;
-    a: -1.1e10;
-    a: 0.1e10;
-    a: 0.1e-10;
+    a: 1.1e0010;
+    a: +1.1e0010;
+    a: -1.1e0010;
+    a: .1e+0010;
+    a: .1e-0010;
 
-    a: 1e1;
-    a: 1e1;
-    a: 1e-1;
-    a: 1e1;
-    a: 0.1e1;
-    a: 1.1e1;
-    a: 1.1e10;
-    a: 0.1e10;
-    a: 0.1e-10;
+    a: 1E1;
+    a: 1E+1;
+    a: 1E-1;
+    a: 1.E1;
+    a: .1E1;
+    a: 1.1E1;
+    a: 1.1E0010;
+    a: .1E+0010;
+    a: .1E-0010;
 
-    a: 0.5;
-    a: 0.5;
-    a: 0.5;
-    a: 0.5;
-    a: 0.5;
-    a: 0.5;
-    a: +0.5;
-    a: -0.5;
+    a: 0.5e0;
+    a: 0.5e00;
+    a: 0.5e+0;
+    a: 0.5e+00;
+    a: 0.5e-0;
+    a: 0.5e-00;
+    a: +0.5e0;
+    a: -0.5e0;
 
     a: 1;
-    a: 1.005;
-    a: 1;
-    a: 1.5;
+    a: 1.00500;
+    a: 1.0;
     a: 1.5;
+    a: 1.50;
 
-    a: 0.005;
-    a: 0;
-    a: 0;
+    a: 0.00500;
+    a: 0.0;
+    a: 0.0000;
 
-    a: 500600.001230045;
-    a: 1.005e60;
-    a: 1e60;
-    a: 0.005e60;
-    a: 0e60;
-    a: 0e60;
-    a: 0e60;
-    a: 0e60;
+    a: 500600.001230045000;
+    a: 1.00500e60;
+    a: 1.0e60;
+    a: 0.00500e60;
+    a: 0.0e60;
+    a: 0.0000e60;
+    a: .0e60;
+    a: 0.e60;
     a: 0e60;
-    a: 500600.001230045e60;
+    a: 500600.001230045000e60;
     a: 10;
     a: 9700;
     a: 10e100;
-    height: attr(data-size em, 0.01);
+    height: attr(data-size em, .01);
   }
 }
 
-@media only screen and (-webkit-min-device-pixel-ratio: 0.5),
-  only screen and (min-device-pixel-ratio: 0.5) {
+@media only screen and (-webkit-min-device-pixel-ratio: .5),
+  only screen and (min-device-pixel-ratio: .5) {
 }
-@include single-transition(transform, 0.5s ease);
+@
+include single-transition(transform, .5s ease)
+;
```

# Output

```css
@supports (margin: .5px ".30px" 1e+2px) {
  a {
    a: 0;
    a: 1;

    a: 0.1;
    a: 1.1;

    a: .1;
    a: 1.;
    a: +.1;
    a: -.1;

    a: 1e1;
    a: 1e+1;
    a: 1e-1;
    a: 1.e1;
    a: .1e1;
    a: 1.1e1;
    a: 1.1e0010;
    a: +1.1e0010;
    a: -1.1e0010;
    a: .1e+0010;
    a: .1e-0010;

    a: 1E1;
    a: 1E+1;
    a: 1E-1;
    a: 1.E1;
    a: .1E1;
    a: 1.1E1;
    a: 1.1E0010;
    a: .1E+0010;
    a: .1E-0010;

    a: 0.5e0;
    a: 0.5e00;
    a: 0.5e+0;
    a: 0.5e+00;
    a: 0.5e-0;
    a: 0.5e-00;
    a: +0.5e0;
    a: -0.5e0;

    a: 1;
    a: 1.00500;
    a: 1.0;
    a: 1.5;
    a: 1.50;

    a: 0.00500;
    a: 0.0;
    a: 0.0000;

    a: 500600.001230045000;
    a: 1.00500e60;
    a: 1.0e60;
    a: 0.00500e60;
    a: 0.0e60;
    a: 0.0000e60;
    a: .0e60;
    a: 0.e60;
    a: 0e60;
    a: 500600.001230045000e60;
    a: 10;
    a: 9700;
    a: 10e100;
    height: attr(data-size em, .01);
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: .5),
  only screen and (min-device-pixel-ratio: .5) {
}
@
include single-transition(transform, .5s ease)
;
```

# Errors
```
numbers.css:10:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
     9 │     a: .1;
  > 10 │     a: 1.;
       │         ^
    11 │     a: +.1;
    12 │     a: -.1;
  
  i Expected one of:
  
  - identifier
  - string
  - number
  - dimension
  - ratio
  - custom property
  - function
  
numbers.css:17:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    15 │     a: 1e+1;
    16 │     a: 1e-1;
  > 17 │     a: 1.e1;
       │         ^^^
    18 │     a: .1e1;
    19 │     a: 1.1e1;
  
  i Expected one of:
  
  - identifier
  - string
  - number
  - dimension
  - ratio
  - custom property
  - function
  
numbers.css:29:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    27 │     a: 1E+1;
    28 │     a: 1E-1;
  > 29 │     a: 1.E1;
       │         ^^^
    30 │     a: .1E1;
    31 │     a: 1.1E1;
  
  i Expected one of:
  
  - identifier
  - string
  - number
  - dimension
  - ratio
  - custom property
  - function
  
numbers.css:62:9 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    60 │     a: 0.0000e60;
    61 │     a: .0e60;
  > 62 │     a: 0.e60;
       │         ^^^^
    63 │     a: 0e60;
    64 │     a: 500600.001230045000e60;
  
  i Expected one of:
  
  - identifier
  - string
  - number
  - dimension
  - ratio
  - custom property
  - function
  
numbers.css:73:2 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Unexpected value or character.
  
    72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { }
  > 73 │ @include single-transition(transform, .5s ease);
       │  ^^^^^^^
    74 │ 
  
  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
  
numbers.css:73:27 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `(`
  
    72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { }
  > 73 │ @include single-transition(transform, .5s ease);
       │                           ^
    74 │ 
  
  i Remove (
  
numbers.css:73:28 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `transform`
  
    72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { }
  > 73 │ @include single-transition(transform, .5s ease);
       │                            ^^^^^^^^^
    74 │ 
  
  i Remove transform
  
numbers.css:73:39 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × Expected a selector but instead found '.5'.
  
    72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { }
  > 73 │ @include single-transition(transform, .5s ease);
       │                                       ^^
    74 │ 
  
  i Expected a selector here.
  
    72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { }
  > 73 │ @include single-transition(transform, .5s ease);
       │                                       ^^
    74 │ 
  
numbers.css:73:41 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `s`
  
    72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { }
  > 73 │ @include single-transition(transform, .5s ease);
       │                                         ^
    74 │ 
  
  i Remove s
  
numbers.css:73:47 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `)`
  
    72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { }
  > 73 │ @include single-transition(transform, .5s ease);
       │                                               ^
    74 │ 
  
  i Remove )
  
numbers.css:73:48 parse ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  × expected `,` but instead found `;`
  
    72 │ @media only screen and (-webkit-min-device-pixel-ratio : .5), only screen and (min-device-pixel-ratio : .5) { }
  > 73 │ @include single-transition(transform, .5s ease);
       │                                                ^
    74 │ 
  
  i Remove ;
  

```