Skip to content

Commit 79d65d7

Browse files
authored
Fix #2091: Correct URL syntax in background-repeat docs (#2093)
Fixes #2091 ### Summary - Fixed incorrect URL syntax in `bg-[url()]` by ensuring proper closing of quotes. ### Changes - Updated `bg-[url(/img/clouds.svg')]` → `bg-[url(/img/clouds.svg)]`
1 parent 40e4b0e commit 79d65d7

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/docs/background-repeat.mdx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ Use the `bg-repeat` utility to repeat the background image both vertically and h
3131

3232
```html
3333
<!-- [!code classes:bg-repeat] -->
34-
<div class="bg-[url(/img/clouds.svg')] bg-center bg-repeat ..."></div>
34+
<div class="bg-[url(/img/clouds.svg)] bg-center bg-repeat ..."></div>
3535
```
3636

3737
</Figure>
@@ -48,7 +48,7 @@ Use the `bg-repeat-x` utility to only repeat the background image horizontally:
4848

4949
```html
5050
<!-- [!code classes:bg-repeat-x] -->
51-
<div class="bg-[url(/img/clouds.svg')] bg-center bg-repeat-x ..."></div>
51+
<div class="bg-[url(/img/clouds.svg)] bg-center bg-repeat-x ..."></div>
5252
```
5353

5454
</Figure>
@@ -65,7 +65,7 @@ Use the `bg-repeat-y` utility to only repeat the background image vertically:
6565

6666
```html
6767
<!-- [!code classes:bg-repeat-y] -->
68-
<div class="bg-[url(/img/clouds.svg')] bg-center bg-repeat-y ..."></div>
68+
<div class="bg-[url(/img/clouds.svg)] bg-center bg-repeat-y ..."></div>
6969
```
7070

7171
</Figure>
@@ -82,7 +82,7 @@ Use the `bg-repeat-space` utility to repeat the background image without clippin
8282

8383
```html
8484
<!-- [!code classes:bg-repeat-space] -->
85-
<div class="bg-[url(/img/clouds.svg')] bg-center bg-repeat-space ..."></div>
85+
<div class="bg-[url(/img/clouds.svg)] bg-center bg-repeat-space ..."></div>
8686
```
8787

8888
</Figure>
@@ -99,7 +99,7 @@ Use the `bg-repeat-round` utility to repeat the background image without clippin
9999

100100
```html
101101
<!-- [!code classes:bg-repeat-round] -->
102-
<div class="bg-[url(/img/clouds.svg')] bg-center bg-repeat-round ..."></div>
102+
<div class="bg-[url(/img/clouds.svg)] bg-center bg-repeat-round ..."></div>
103103
```
104104

105105
</Figure>
@@ -116,7 +116,7 @@ Use the `bg-no-repeat` utility to prevent a background image from repeating:
116116

117117
```html
118118
<!-- [!code classes:bg-no-repeat] -->
119-
<div class="bg-[url(/img/clouds.svg')] bg-center bg-no-repeat ..."></div>
119+
<div class="bg-[url(/img/clouds.svg)] bg-center bg-no-repeat ..."></div>
120120
```
121121

122122
</Figure>

0 commit comments

Comments
 (0)