Skip to content

Commit be61704

Browse files
mrholekmrholek
committed
docs: update content
1 parent ac45603 commit be61704

File tree

4 files changed

+15
-15
lines changed

4 files changed

+15
-15
lines changed

‎packages/docs/content/components/dropdown.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -518,7 +518,7 @@ In the following example we use `div` instead of `<CDropdownMenu>` to show `<CDr
518518
Place any freeform text within a dropdown menu with text. Note that you'll likely need additional sizing styles to constrain the menu width.
519519

520520
```jsx preview
521-
<CDropdownMenu className="p-4 text-muted" style={{ maxWidth: '200px' }}>
521+
<CDropdownMenu className="p-4 text-body-secondary" style={{ maxWidth: '200px' }}>
522522
<p>Some example text that's free-flowing within the dropdown menu.</p>
523523
<p className="mb-0">And this is more example text.</p>
524524
</CDropdownMenu>

‎packages/docs/content/components/navs-tabs.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -172,7 +172,7 @@ Takes the basic nav from above and adds the `variant="tabs"` class to generate a
172172

173173
### Pills
174174

175-
Take that same HTML, but use `variant="pills"` instead:
175+
Take that same code, but use `variant="pills"` instead:
176176

177177
```jsx preview
178178
<CNav variant="pills">

‎packages/docs/content/layout/containers.mdx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,13 @@ The table below illustrates how each container's `max-width` compares to the ori
2222

2323
| | Extra small<div className="fw-normal">&lt;576px</div> | Small<div className="fw-normal">&ge;576px</div> | Medium<div className="fw-normal">&ge;768px</div> | Large<div className="fw-normal">&ge;992px</div> | X-Large<div className="fw-normal">&ge;1200px</div> | XX-Large<div className="fw-normal">&ge;1400px</div> |
2424
| --- | --- | --- | --- | --- | --- | --- |
25-
| `.container` | <span className="text-muted">100%</span> | 540px | 720px | 960px | 1140px | 1320px |
26-
| `.container-sm` | <span className="text-muted">100%</span> | 540px | 720px | 960px | 1140px | 1320px |
27-
| `.container-md` | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | 720px | 960px | 1140px | 1320px |
28-
| `.container-lg` | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | 960px | 1140px | 1320px |
29-
| `.container-xl` | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | 1140px | 1320px |
30-
| `.container-xxl` | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | 1320px |
31-
| `.container-fluid` | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> | <span className="text-muted">100%</span> |
25+
| `.container` | <span className="text-body-secondary">100%</span> | 540px | 720px | 960px | 1140px | 1320px |
26+
| `.container-sm` | <span className="text-body-secondary">100%</span> | 540px | 720px | 960px | 1140px | 1320px |
27+
| `.container-md` | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | 720px | 960px | 1140px | 1320px |
28+
| `.container-lg` | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | 960px | 1140px | 1320px |
29+
| `.container-xl` | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | 1140px | 1320px |
30+
| `.container-xxl` | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | 1320px |
31+
| `.container-fluid` | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> | <span className="text-body-secondary">100%</span> |
3232

3333

3434
## Default container

‎packages/docs/content/templates/admin-dashboard.mdx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
2727
<CCardBody>
2828
<CLink className="text-decoration-none text-reset" href="https://coreui.io/react/#compare" target="_blank">
2929
<CCardTitle>Free React Admin Template</CCardTitle>
30-
<CCardSubtitle className="mb-3 text-muted">Default Theme</CCardSubtitle>
30+
<CCardSubtitle className="mb-3 text-body-secondary">Default Theme</CCardSubtitle>
3131
<CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_free_1440.webp" alt=""/>
3232
</CLink>
3333
</CCardBody>
@@ -38,7 +38,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
3838
<CCardBody>
3939
<CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=default-v3" target="_blank">
4040
<CCardTitle>React Dashboard Template</CCardTitle>
41-
<CCardSubtitle className="mb-3 text-muted">Default Theme v3</CCardSubtitle>
41+
<CCardSubtitle className="mb-3 text-body-secondary">Default Theme v3</CCardSubtitle>
4242
<CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_v3_1440.webp" alt=""/>
4343
</CLink>
4444
</CCardBody>
@@ -49,7 +49,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
4949
<CCardBody>
5050
<CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=light-v3" target="_blank">
5151
<CCardTitle>React Dashboard Template</CCardTitle>
52-
<CCardSubtitle className="mb-3 text-muted">Light Theme v3</CCardSubtitle>
52+
<CCardSubtitle className="mb-3 text-body-secondary">Light Theme v3</CCardSubtitle>
5353
<CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_v3_1440.webp" alt=""/>
5454
</CLink>
5555
</CCardBody>
@@ -60,7 +60,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
6060
<CCardBody>
6161
<CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=default" target="_blank">
6262
<CCardTitle>React Dashboard Template</CCardTitle>
63-
<CCardSubtitle className="mb-3 text-muted">Default Theme</CCardSubtitle>
63+
<CCardSubtitle className="mb-3 text-body-secondary">Default Theme</CCardSubtitle>
6464
<CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_1440.webp" alt=""/>
6565
</CLink>
6666
</CCardBody>
@@ -71,7 +71,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
7171
<CCardBody>
7272
<CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=light" target="_blank">
7373
<CCardTitle>React Dashboard Template</CCardTitle>
74-
<CCardSubtitle className="mb-3 text-muted">Light Theme</CCardSubtitle>
74+
<CCardSubtitle className="mb-3 text-body-secondary">Light Theme</CCardSubtitle>
7575
<CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_1440.webp" alt=""/>
7676
</CLink>
7777
</CCardBody>
@@ -82,7 +82,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
8282
<CCardBody>
8383
<CLink className="text-decoration-none text-reset" href="https://coreui.io/product/react-dashboard-template/?theme=dark" target="_blank">
8484
<CCardTitle>React Dashboard Template</CCardTitle>
85-
<CCardSubtitle className="mb-3 text-muted">Dark Theme</CCardSubtitle>
85+
<CCardSubtitle className="mb-3 text-body-secondary">Dark Theme</CCardSubtitle>
8686
<CImage className="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_dark_1440.webp" alt=""/>
8787
</CLink>
8888
</CCardBody>

0 commit comments

Comments
 (0)