biome_css_formatter 0.5.7

Biome's CSS formatter
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98

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

# Input

```css
@supports (
    display: flex
    ) {  }
@supports (
    display:     flex
    
    ) 
    or
     (
display  : 
flex  ) or   (display: flex
) or (display: flex)  {  }
@supports (display: flex) 
and (display: flex) 
and (display: flex) 
and (display: flex)  {  }

@supports (display: flex) and 
(selector(
    :focus-visible
) or ((
    animation-name:
    test))) {  }

@supports (display: flex
) and (selector(:focus-visible

) or (
not 
(
(animation-name: test)
))

) {  }

@supports (display: flex) 

and (selector(:focus-visible  )  or (
    
not ((animation-name: test))  ) 

) and (display: flex
) {  }

```


=============================

# Outputs

## Output 1

-----
Indent style: Tab
Indent width: 2
Line ending: LF
Line width: 80
Quote style: Double Quotes
-----

```css
@supports (display: flex) {
}
@supports (display: flex) or
	(display: flex) or
	(display: flex) or
	(display: flex) {
}
@supports (display: flex) and
	(display: flex) and
	(display: flex) and
	(display: flex) {
}

@supports (display: flex) and
	(selector(:focus-visible) or ((animation-name: test))) {
}

@supports (display: flex) and
	(selector(:focus-visible) or (not ((animation-name: test)))) {
}

@supports (display: flex) and
	(selector(:focus-visible) or (not ((animation-name: test)))) and
	(display: flex) {
}
```