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
99

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

# Input

```css
.foo {
    --prop: 10px;
    prop1: var(--prop);
    prop2: var(--my-var, --my-background, pink);
    prop3: calc(var(--prop) * 1px);
}

.bar {
    --prop   : 15px;

    prop2: var(    --prop);

    prop3: var(

    --prop
    );

    prop4: var(
        --prop   , pink
    );

    prop5: 
        var  (  --one-var-thats-super-long-on-its-own , --super-long-just-enough-to-make-it-break-over-lines
        
        );
}


.multiple {
    prop: var(--prop1)    var(prop2);
    prop: 
    var(--prop1)   
    var(prop2);

    prop: hsl(
        var(--hue, 
        0) 
        var(
            --sat, 100
            
            ) var(--light  ,  1));
}
```


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

# Outputs

## Output 1

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

```css
.foo {
	--prop: 10px;
	prop1: var(--prop);
	prop2: var(--my-var, --my-background, pink);
	prop3: calc(var(--prop) * 1px);
}

.bar {
	--prop: 15px;

	prop2: var(--prop);

	prop3: var(--prop);

	prop4: var(--prop, pink);

	prop5: var(
			--one-var-thats-super-long-on-its-own,
			--super-long-just-enough-to-make-it-break-over-lines
		);
}

.multiple {
	prop: var(--prop1) var(prop2);
	prop: var(--prop1) var(prop2);

	prop: hsl(var(--hue, 0) var(--sat, 100) var(--light, 1));
}
```