File tree Expand file tree Collapse file tree 5 files changed +447
-413
lines changed Expand file tree Collapse file tree 5 files changed +447
-413
lines changed Original file line number Diff line number Diff line change @@ -8,6 +8,7 @@ import '@coreui/chartjs/scss/coreui-chartjs.scss'
8
8
import {
9
9
cibCoreuiC ,
10
10
cibDiscourse ,
11
+ cibFacebook ,
11
12
cibGithub ,
12
13
cibTwitter ,
13
14
cibOpenCollective ,
@@ -37,6 +38,7 @@ import {
37
38
export const icons = {
38
39
cibCoreuiC,
39
40
cibDiscourse,
41
+ cibFacebook,
40
42
cibGithub,
41
43
cibTwitter,
42
44
cibOpenCollective,
Original file line number Diff line number Diff line change @@ -162,7 +162,7 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
162
162
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
163
163
<CIcon :icon="icon[i]" size="xxl"/>
164
164
</div>
165
- <div class="text-medium-emphasis text-center pt-1 small">{{i}}</div>
165
+ <div class="text-body-secondary text-center pt-1 small">{{i}}</div>
166
166
</CCol>
167
167
</CRow>
168
168
</CTabPane >
@@ -172,7 +172,7 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
172
172
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
173
173
<CIcon :icon="icon[i]" size="xxl"/>
174
174
</div>
175
- <div class="text-medium-emphasis text-center pt-1 small">{{i}}</div>
175
+ <div class="text-body-secondary text-center pt-1 small">{{i}}</div>
176
176
</CCol>
177
177
</CRow>
178
178
</CTabPane >
@@ -182,7 +182,7 @@ CoreUI Icons package is delivered with more than 1500 icons in multiple formats
182
182
<div class="p-3 py-4 mb-2 bg-light text-center rounded">
183
183
<CIcon :icon="icon[i]" size="xxl"/>
184
184
</div>
185
- <div class="text-medium-emphasis text-center pt-1 small">{{i}}</div>
185
+ <div class="text-body-secondary text-center pt-1 small">{{i}}</div>
186
186
</CCol>
187
187
</CRow>
188
188
</CTabPane >
Original file line number Diff line number Diff line change @@ -981,10 +981,10 @@ With a toggler on the left and brand name on the right:
981
981
Sometimes you want to use the collapse plugin to trigger a container element for content that structurally sits outside of the ` <CNavbar> ` .
982
982
983
983
::: demo
984
- <CCollapse id =" navbarToggleExternalContent " :visible =" visibleExternalContent " >
984
+ <CCollapse id =" navbarToggleExternalContent " :visible =" visibleExternalContent " data-coreui-theme = " dark " >
985
985
<div class =" bg-dark p-4 " >
986
- <h5 class="text-white h4">Collapsed content</h5>
987
- <span class="text-medium-emphasis-inverse ">Toggleable via the navbar brand.</span>
986
+ <h5 class="text-body-emphasis h4">Collapsed content</h5>
987
+ <span class="text-body-secondary ">Toggleable via the navbar brand.</span>
988
988
</div >
989
989
</CCollapse >
990
990
<CNavbar colorScheme =" dark " class =" bg-dark " >
@@ -999,10 +999,10 @@ Sometimes you want to use the collapse plugin to trigger a container element for
999
999
:::
1000
1000
``` vue
1001
1001
<template>
1002
- <CCollapse id="navbarToggleExternalContent" :visible="visibleExternalContent">
1002
+ <CCollapse id="navbarToggleExternalContent" :visible="visibleExternalContent" data-coreui-theme="dark" >
1003
1003
<div class="bg-dark p-4">
1004
- <h5 class="text-white h4">Collapsed content</h5>
1005
- <span class="text-medium-emphasis-inverse ">Toggleable via the navbar brand.</span>
1004
+ <h5 class="text-body-emphasis h4">Collapsed content</h5>
1005
+ <span class="text-body-secondary ">Toggleable via the navbar brand.</span>
1006
1006
</div>
1007
1007
</CCollapse>
1008
1008
<CNavbar colorScheme="dark" class="bg-dark">
Original file line number Diff line number Diff line change @@ -12,7 +12,7 @@ other_frameworks: tooltip
12
12
Hover over the links below to see tooltips:
13
13
14
14
::: demo
15
- <p class =" text-medium-emphasis " >
15
+ <p class =" text-body-secondary " >
16
16
Tight pants next level keffiyeh
17
17
<CLink v-c-tooltip =" 'Tooltip text' " > you  ; probably </CLink >
18
18
haven't heard of them.
@@ -31,7 +31,7 @@ Hover over the links below to see tooltips:
31
31
</p >
32
32
:::
33
33
``` vue demo
34
- <p class="text-medium-emphasis ">
34
+ <p class="text-body-secondary ">
35
35
Tight pants next level keffiyeh
36
36
<CLink v-c-tooltip="'Tooltip text'"> you probably </CLink>
37
37
haven't heard of them.
You can’t perform that action at this time.
0 commit comments