You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/bundler/css.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -29,7 +29,7 @@ By default, Bun's CSS bundler targets the following browsers:
29
29
30
30
The CSS Nesting specification allows you to write more concise and intuitive stylesheets by nesting selectors inside one another. Instead of repeating parent selectors across your CSS file, you can write child styles directly within their parent blocks.
31
31
32
-
```css
32
+
```scss
33
33
/* With nesting */
34
34
.card {
35
35
background: white;
@@ -67,7 +67,7 @@ Bun's CSS bundler automatically converts this nested syntax into traditional fla
67
67
68
68
You can also nest media queries and other at-rules inside selectors, eliminating the need to repeat selector patterns:
69
69
70
-
```css
70
+
```scss
71
71
.responsive-element {
72
72
display: block;
73
73
@@ -95,7 +95,7 @@ This compiles to:
95
95
96
96
The `color-mix()` function gives you an easy way to blend two colors together according to a specified ratio in a chosen color space. This powerful feature lets you create color variations without manually calculating the resulting values.
97
97
98
-
```css
98
+
```scss
99
99
.button {
100
100
/* Mix blue and red in the RGB color space with a 30/70 proportion */
0 commit comments