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/buttons/Dropdowns.vue
+10 -10
View File
@@ -6,7 +6,7 @@
<strong>Vue Dropdown</strong> <small>Single button</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Here&#39;s how you can put them to work with either
<code>&lt;button&gt;</code>
elements:
@@ -23,7 +23,7 @@
</CDropdownMenu>
</CDropdown>
</DocsExample>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
The best part is you can do this with any button variant, too:
</p>
<DocsExample href="components/dropdown.html#single-button">
@@ -61,13 +61,13 @@
<strong>Vue Dropdown</strong> <small>Split button</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Similarly, create split button dropdowns with virtually the same
markup as single button dropdowns, but with the addition of boolean
prop <code>split</code> for proper spacing around the dropdown
caret.
</p>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
We use this extra class to reduce the horizontal
<code>padding</code> on either side of the caret by 25% and remove
the <code>margin-left</code> that&#39;s attached for normal button
@@ -113,7 +113,7 @@
<strong>Vue Dropdown</strong> <small>Sizing</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Button dropdowns work with buttons of all sizes, including default
and split dropdown buttons.
</p>
@@ -180,7 +180,7 @@
<strong>Vue Dropdown</strong> <small>Single button</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Opt into darker dropdowns to match a dark navbar or custom style by
set
<code>dark</code> property. No changes are required to the dropdown
@@ -200,7 +200,7 @@
</CDropdownMenu>
</CDropdown>
</DocsExample>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
And putting it to use in a navbar:
</p>
<DocsExample href="components/dropdown.html#dark-dropdowns">
@@ -251,7 +251,7 @@
<strong>Vue Dropdown</strong> <small>Dropup</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Trigger dropdown menus above elements by adding
<code>direction=&#34;dropup&#34;</code> to the
<code>&lt;CDropdown&gt;</code>
@@ -289,7 +289,7 @@
<strong>Vue Dropdown</strong> <small>Dropright</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Trigger dropdown menus at the right of the elements by adding
<code>direction=&#34;dropend&#34;</code> to the
<code>&lt;CDropdown&gt;</code>
@@ -327,7 +327,7 @@
<strong>Vue Dropdown</strong> <small>Dropleft</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Trigger dropdown menus at the left of the elements by adding
<code>direction=&#34;dropstart&#34;</code> to the
<code>&lt;CDropdown&gt;</code>