Skip to content

Commit e0a12bf

Browse files
mrholekmrholek
committed
docs: update content
1 parent a704fee commit e0a12bf

File tree

6 files changed

+83
-93
lines changed

6 files changed

+83
-93
lines changed

‎packages/docs/components/card.md‎

Lines changed: 44 additions & 44 deletions
Large diffs are not rendered by default.

‎packages/docs/components/dropdown.md‎

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -19,24 +19,14 @@ Bind the dropdown's toggle and the dropdown menu inside `<CDropdown>`, or differ
1919

2020
Here's how you can put them to work with either `<button>` elements:
2121
::: demo
22-
<CDropdown direction="dropup">
23-
<CDropdownToggle color="primary">Dropdown Button</CDropdownToggle>
24-
<CDropdownMenu>
25-
<CDropdownItem href="#">Action</CDropdownItem>
26-
<CDropdownItem href="#">Another action</CDropdownItem>
27-
<CDropdownItem href="#">Something else here</CDropdownItem>
28-
</CDropdownMenu>
29-
</CDropdown>
30-
<div dir="rtl">
31-
<CDropdown direction="dropup">
22+
<CDropdown>
3223
<CDropdownToggle color="primary">Dropdown Button</CDropdownToggle>
3324
<CDropdownMenu>
3425
<CDropdownItem href="#">Action</CDropdownItem>
3526
<CDropdownItem href="#">Another action</CDropdownItem>
3627
<CDropdownItem href="#">Something else here</CDropdownItem>
3728
</CDropdownMenu>
3829
</CDropdown>
39-
</div>
4030
:::
4131
```vue
4232
<CDropdown>
@@ -630,7 +620,7 @@ In the following example we use `div` instead of `<CDropdownMenu>` to show `<CDr
630620
Place any freeform text within a dropdown menu with text. Note that you'll likely need additional sizing styles to constrain the menu width.
631621

632622
::: demo
633-
<div class="border rounded p-4 text-muted" style="max-width: 200px">
623+
<div class="border rounded p-4 text-body-secondary" style="max-width: 200px">
634624
<p>
635625
Some example text that's free-flowing within the dropdown menu.
636626
</p>

‎packages/docs/components/list-group.md‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -237,18 +237,18 @@ Add nearly any HTML within, even for linked list groups like the one below, with
237237
<CListGroupItem component="a" href="#">
238238
<div class="d-flex w-100 justify-content-between">
239239
<h5 class="mb-1">List group item heading</h5>
240-
<small class="text-muted">3 days ago</small>
240+
<small class="text-body-secondary">3 days ago</small>
241241
</div>
242242
<p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
243-
<small class="text-muted">Donec id elit non mi porta.</small>
243+
<small class="text-body-secondary">Donec id elit non mi porta.</small>
244244
</CListGroupItem>
245245
<CListGroupItem component="a" href="#">
246246
<div class="d-flex w-100 justify-content-between">
247247
<h5 class="mb-1">List group item heading</h5>
248-
<small class="text-muted">3 days ago</small>
248+
<small class="text-body-secondary">3 days ago</small>
249249
</div>
250250
<p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
251-
<small class="text-muted">Donec id elit non mi porta.</small>
251+
<small class="text-body-secondary">Donec id elit non mi porta.</small>
252252
</CListGroupItem>
253253
</CListGroup>
254254
:::
@@ -265,18 +265,18 @@ Add nearly any HTML within, even for linked list groups like the one below, with
265265
<CListGroupItem component="a" href="#">
266266
<div class="d-flex w-100 justify-content-between">
267267
<h5 class="mb-1">List group item heading</h5>
268-
<small class="text-muted">3 days ago</small>
268+
<small class="text-body-secondary">3 days ago</small>
269269
</div>
270270
<p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
271-
<small class="text-muted">Donec id elit non mi porta.</small>
271+
<small class="text-body-secondary">Donec id elit non mi porta.</small>
272272
</CListGroupItem>
273273
<CListGroupItem component="a" href="#">
274274
<div class="d-flex w-100 justify-content-between">
275275
<h5 class="mb-1">List group item heading</h5>
276-
<small class="text-muted">3 days ago</small>
276+
<small class="text-body-secondary">3 days ago</small>
277277
</div>
278278
<p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
279-
<small class="text-muted">Donec id elit non mi porta.</small>
279+
<small class="text-body-secondary">Donec id elit non mi porta.</small>
280280
</CListGroupItem>
281281
</CListGroup>
282282
```

‎packages/docs/components/modal.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -713,7 +713,7 @@ Modals have three optional sizes, available via modifier classes to be placed on
713713
</tr>
714714
<tr>
715715
<td>Default</td>
716-
<td class="text-muted">None</td>
716+
<td class="text-body-secondary">None</td>
717717
<td><code>500px</code></td>
718718
</tr>
719719
<tr>

‎packages/docs/layout/containers.md‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ The table below illustrates how each container's `max-width` compares to the ori
4949
<tbody>
5050
<tr>
5151
<th scope="row" class="fw-normal"><code>&lt;CContainer&gt;</code></th>
52-
<td class="text-muted">100%</td>
52+
<td class="text-body-secondary">100%</td>
5353
<td>540px</td>
5454
<td>720px</td>
5555
<td>960px</td>
@@ -58,7 +58,7 @@ The table below illustrates how each container's `max-width` compares to the ori
5858
</tr>
5959
<tr>
6060
<th scope="row" class="fw-normal"><code>&lt;CContainer sm&gt;</code></th>
61-
<td class="text-muted">100%</td>
61+
<td class="text-body-secondary">100%</td>
6262
<td>540px</td>
6363
<td>720px</td>
6464
<td>960px</td>
@@ -67,48 +67,48 @@ The table below illustrates how each container's `max-width` compares to the ori
6767
</tr>
6868
<tr>
6969
<th scope="row" class="fw-normal"><code>&lt;CContainer md&gt;</code></th>
70-
<td class="text-muted">100%</td>
71-
<td class="text-muted">100%</td>
70+
<td class="text-body-secondary">100%</td>
71+
<td class="text-body-secondary">100%</td>
7272
<td>720px</td>
7373
<td>960px</td>
7474
<td>1140px</td>
7575
<td>1320px</td>
7676
</tr>
7777
<tr>
7878
<th scope="row" class="fw-normal"><code>&lt;CContainer lg&gt;</code></th>
79-
<td class="text-muted">100%</td>
80-
<td class="text-muted">100%</td>
81-
<td class="text-muted">100%</td>
79+
<td class="text-body-secondary">100%</td>
80+
<td class="text-body-secondary">100%</td>
81+
<td class="text-body-secondary">100%</td>
8282
<td>960px</td>
8383
<td>1140px</td>
8484
<td>1320px</td>
8585
</tr>
8686
<tr>
8787
<th scope="row" class="fw-normal"><code>&lt;CContainer xl&gt;</code></th>
88-
<td class="text-muted">100%</td>
89-
<td class="text-muted">100%</td>
90-
<td class="text-muted">100%</td>
91-
<td class="text-muted">100%</td>
88+
<td class="text-body-secondary">100%</td>
89+
<td class="text-body-secondary">100%</td>
90+
<td class="text-body-secondary">100%</td>
91+
<td class="text-body-secondary">100%</td>
9292
<td>1140px</td>
9393
<td>1320px</td>
9494
</tr>
9595
<tr>
9696
<th scope="row" class="fw-normal"><code>&lt;CContainer xxl&gt;</code></th>
97-
<td class="text-muted">100%</td>
98-
<td class="text-muted">100%</td>
99-
<td class="text-muted">100%</td>
100-
<td class="text-muted">100%</td>
101-
<td class="text-muted">100%</td>
97+
<td class="text-body-secondary">100%</td>
98+
<td class="text-body-secondary">100%</td>
99+
<td class="text-body-secondary">100%</td>
100+
<td class="text-body-secondary">100%</td>
101+
<td class="text-body-secondary">100%</td>
102102
<td>1320px</td>
103103
</tr>
104104
<tr>
105105
<th scope="row" class="fw-normal"><code>&lt;CContainer fluid&gt;</code></th>
106-
<td class="text-muted">100%</td>
107-
<td class="text-muted">100%</td>
108-
<td class="text-muted">100%</td>
109-
<td class="text-muted">100%</td>
110-
<td class="text-muted">100%</td>
111-
<td class="text-muted">100%</td>
106+
<td class="text-body-secondary">100%</td>
107+
<td class="text-body-secondary">100%</td>
108+
<td class="text-body-secondary">100%</td>
109+
<td class="text-body-secondary">100%</td>
110+
<td class="text-body-secondary">100%</td>
111+
<td class="text-body-secondary">100%</td>
112112
</tr>
113113
</tbody>
114114
</table>

‎packages/docs/templates/admin-dashboard.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
1515
<CCardBody>
1616
<CLink class="text-decoration-none text-reset" href="https://coreui.io/product/free-vue-admin-template/" target="_blank">
1717
<CCardTitle>Free Vue Admin Template</CCardTitle>
18-
<CCardSubtitle class="mb-3 text-muted">Default Theme</CCardSubtitle>
18+
<CCardSubtitle class="mb-3 text-body-secondary">Default Theme</CCardSubtitle>
1919
<CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_free_1440.webp" alt=""/>
2020
</CLink>
2121
</CCardBody>
@@ -26,7 +26,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
2626
<CCardBody>
2727
<CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=default-v3" target="_blank">
2828
<CCardTitle>Vue Dashboard Template</CCardTitle>
29-
<CCardSubtitle class="mb-3 text-muted">Default Theme v3</CCardSubtitle>
29+
<CCardSubtitle class="mb-3 text-body-secondary">Default Theme v3</CCardSubtitle>
3030
<CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_v3_1440.webp" alt=""/>
3131
</CLink>
3232
</CCardBody>
@@ -37,7 +37,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
3737
<CCardBody>
3838
<CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=light-v3" target="_blank">
3939
<CCardTitle>Vue Dashboard Template</CCardTitle>
40-
<CCardSubtitle class="mb-3 text-muted">Light Theme v3</CCardSubtitle>
40+
<CCardSubtitle class="mb-3 text-body-secondary">Light Theme v3</CCardSubtitle>
4141
<CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_v3_1440.webp" alt=""/>
4242
</CLink>
4343
</CCardBody>
@@ -48,7 +48,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
4848
<CCardBody>
4949
<CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=default" target="_blank">
5050
<CCardTitle>Vue Dashboard Template</CCardTitle>
51-
<CCardSubtitle class="mb-3 text-muted">Default Theme</CCardSubtitle>
51+
<CCardSubtitle class="mb-3 text-body-secondary">Default Theme</CCardSubtitle>
5252
<CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_default_1440.webp" alt=""/>
5353
</CLink>
5454
</CCardBody>
@@ -59,7 +59,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
5959
<CCardBody>
6060
<CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=light" target="_blank">
6161
<CCardTitle>Vue Dashboard Template</CCardTitle>
62-
<CCardSubtitle class="mb-3 text-muted">Light Theme</CCardSubtitle>
62+
<CCardSubtitle class="mb-3 text-body-secondary">Light Theme</CCardSubtitle>
6363
<CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_light_1440.webp" alt=""/>
6464
</CLink>
6565
</CCardBody>
@@ -70,7 +70,7 @@ Check out the fully-featured, ready-to-use admin dashboard templates built using
7070
<CCardBody>
7171
<CLink class="text-decoration-none text-reset" href="https://coreui.io/product/vue-dashboard-template/?theme=dark" target="_blank">
7272
<CCardTitle>Vue Dashboard Template</CCardTitle>
73-
<CCardSubtitle class="mb-3 text-muted">Dark Theme</CCardSubtitle>
73+
<CCardSubtitle class="mb-3 text-body-secondary">Dark Theme</CCardSubtitle>
7474
<CImage class="rounded shadow-sm" fluid src="https://coreui.io/images/templates/coreui_pro_dark_1440.webp" alt=""/>
7575
</CLink>
7676
</CCardBody>

0 commit comments

Comments
 (0)