sean/manja_ui_dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

refactor: change .text-medium-emphasis to .text-body-secondary

Browse Source
This commit is contained in:
mrholek
2023-09-26 23:38:41 +02:00
parent 7381ae2837
commit 7048a791cc
34 changed files with 242 additions and 242 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/base/ListGroups.vue
+15 -15
View File
@@ -6,7 +6,7 @@
<strong>Vue List Group</strong> <small>Basic example</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
The default list group is an unordered list with items and the
proper CSS classes. Build upon it with the options that follow, or
with your CSS as required.
@@ -29,7 +29,7 @@
<strong>Vue List Group</strong> <small>Active items</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Add <code>active</code> boolean property to a
<code>&lt;CListGroupItem&gt;</code> to show the current active
selection.
@@ -52,7 +52,7 @@
<strong>Vue List Group</strong> <small>Disabled items</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Add <code>disabled</code> boolean property to a
<code>&lt;CListGroupItem&gt;</code> to make it appear disabled.
</p>
@@ -74,7 +74,7 @@
<strong>Vue List Group</strong> <small>Links and buttons</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Use <code>&lt;a&gt;</code>s or <code>&lt;button&gt;</code>s to
create <em>actionable</em> list group items with hover, disabled,
and active states by adding
@@ -112,7 +112,7 @@
<strong>Vue List Group</strong> <small>Flush</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Add <code>flush</code> boolean property to remove some borders and
rounded corners to render list group items edge-to-edge in a parent
container (e.g., cards).
@@ -135,7 +135,7 @@
<strong>Vue List Group</strong> <small>Horizontal</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Add <code>layout=&#34;horizontal&#34;</code> to change the layout of
list group items from vertical to horizontal across all breakpoints.
Alternatively, choose a responsive variant
@@ -171,7 +171,7 @@
<strong>Vue List Group</strong> <small>Contextual classes</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Use contextual classes to style list items with a stateful
background and color.
</p>
@@ -195,7 +195,7 @@
>
</CListGroup>
</DocsExample>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Contextual classes also work with <code>&lt;a&gt;</code>s or
<code>&lt;button&gt;</code>s. Note the addition of the hover styles
here not present in the previous example. Also supported is the
@@ -235,7 +235,7 @@
<strong>Vue List Group</strong> <small>With badges</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Add badges to any list group item to show unread counts, activity,
and more.
</p>
@@ -270,7 +270,7 @@
<strong>Vue List Group</strong> <small>Custom content</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Add nearly any HTML within, even for linked list groups like the one
below, with the help of
<a href="https://coreui.io/docs/utilities/flex/"
@@ -293,26 +293,26 @@
<CListGroupItem component="a" href="#">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">List group item heading</h5>
<small class="text-medium-emphasis">3 days ago</small>
<small class="text-body-secondary">3 days ago</small>
</div>
<p class="mb-1">
Donec id elit non mi porta gravida at eget metus. Maecenas sed
diam eget risus varius blandit.
</p>
<small class="text-medium-emphasis"
<small class="text-body-secondary"
>Donec id elit non mi porta.</small
>
</CListGroupItem>
<CListGroupItem component="a" href="#">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">List group item heading</h5>
<small class="text-medium-emphasis">3 days ago</small>
<small class="text-body-secondary">3 days ago</small>
</div>
<p class="mb-1">
Donec id elit non mi porta gravida at eget metus. Maecenas sed
diam eget risus varius blandit.
</p>
<small class="text-medium-emphasis"
<small class="text-body-secondary"
>Donec id elit non mi porta.</small
>
</CListGroupItem>
@@ -327,7 +327,7 @@
<strong>Vue List Group</strong> <small>Checkboxes and radios</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Place CoreUI&#39;s checkboxes and radios within list group items and
customize as needed.
</p>