sean/manja_dev_ui
1
0
Fork 0
Code Issues Pull Requests Actions 3 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/forms/Layout.vue
+10 -10
View File
@@ -6,7 +6,7 @@
<strong>Layout</strong> <small>Form grid</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
More complex forms can be built using our grid classes. Use these
for form layouts that require multiple columns, varied widths, and
additional alignment options.
@@ -30,7 +30,7 @@
<strong>Layout</strong> <small>Gutters</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
By adding
<a href="https://coreui.io/docs/layout/gutters/"
>gutter modifier classes</a
@@ -48,7 +48,7 @@
</CCol>
</CRow>
</DocsExample>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
More complex layouts can also be created with the grid system.
</p>
<DocsExample href="forms/layout.html#gutters">
@@ -108,7 +108,7 @@
<strong>Layout</strong> <small>Horizontal form</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Create horizontal forms with the grid by adding the
<code>.row</code> class to form groups and using the
<code>.col-*-*</code> classes to specify the width of your labels
@@ -116,7 +116,7 @@
<code>&lt;CFormLabel&gt;</code>s as well so they&#39;re vertically
centered with their associated form controls.
</p>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
At times, you maybe need to use margin or padding utilities to
create that perfect alignment you need. For example, we&#39;ve
removed the <code>padding-top</code> on our stacked radio inputs
@@ -192,7 +192,7 @@
<strong>Layout</strong> <small>Horizontal form label sizing</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Be sure to use <code>.col-form-label-sm</code> or
<code>.col-form-label-lg</code> to your
<code>&lt;CFormLabel&gt;</code>s or <code>&lt;legend&gt;</code>s to
@@ -254,7 +254,7 @@
<strong>Layout</strong> <small>Column sizing</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
As shown in the previous examples, our grid system allows you to
place any number of
<code>&lt;CCol&gt;</code>s within a <code>&lt;CRow&gt;</code>.
@@ -286,7 +286,7 @@
<strong>Layout</strong> <small>Auto-sizing</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
The example below uses a flexbox utility to vertically center the
contents and changes
<code>&lt;CCol&gt;</code> to
@@ -337,7 +337,7 @@
</CCol>
</CForm>
</DocsExample>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
You can then remix that once again with size-specific column
classes.
</p>
@@ -396,7 +396,7 @@
<strong>Layout</strong> <small>Inline forms</small>
</CCardHeader>
<CCardBody>
<p class="text-medium-emphasis small">
<p class="text-body-secondary small">
Use the <code>&lt;CCol xs=&#34;auto&#34;&gt;</code> class to create
horizontal layouts. By adding
<a href="https://coreui.io/docs/layout/gutters/"