Skip to content

Commit f128088

Browse files
author
Yeliazar
committed
updated typography
1 parent 9222341 commit f128088

File tree

4 files changed

+27
-27
lines changed

4 files changed

+27
-27
lines changed

‎src/pages/Core/Colors/Colors.vue

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
Colors
55
</h1>
66
<b-row>
7-
<b-col xs="12">
7+
<b-col sm="12">
88
<Widget
99
title="<h5>States <span class='fw-semi-bold'>Colors</span></h5>"
1010
customHeader close collapse
@@ -29,7 +29,7 @@
2929
<td><span :class="`circle bg-${row.state.toLowerCase()}`">&nbsp;</span></td>
3030
<td><code>*-{{row.state.toLowerCase()}}</code></td>
3131
<td><code v-for="usage in row.usage"
32-
:key="usage" class="mr-xs">{{usage}}</code></td>
32+
:key="usage" class="me-2">{{usage}}</code></td>
3333
</tr>
3434
</tbody>
3535
</table>
@@ -48,7 +48,7 @@
4848
Includes support for styling links with hover states, too. Use <code>text-*</code>
4949
class to fill text.
5050
</p>
51-
<div class="widget-padding-md w-100 h-100 text-left border rounded">
51+
<div class="widget-padding-md w-100 h-100 text-start border rounded">
5252
<b-row>
5353
<b-col sm="12">
5454
<h1 class="text-danger">h1. Heading</h1>
@@ -69,14 +69,14 @@
6969
>
7070
<p>Use any of the available button classes to quickly create a styled button.
7171
Semantically distinguishable beauty.</p>
72-
<b-button class="width-100 mb-3 mr-3" variant="default">Default</b-button>
73-
<b-button class="width-100 mb-3 mr-3" variant="primary">Primary</b-button>
74-
<b-button class="width-100 mb-3 mr-3" variant="info">Info</b-button>
75-
<b-button class="width-100 mb-3 mr-3" variant="success">Success</b-button>
76-
<b-button class="width-100 mb-3 mr-3" variant="warning">Warning</b-button>
77-
<b-button class="width-100 mb-3 mr-3" variant="danger">Danger</b-button>
78-
<b-button class="width-100 mb-3 mr-3" variant="gray">Gray</b-button>
79-
<b-button class="width-100 mb-3 mr-3" variant="inverse">Inverse</b-button>
72+
<b-button class="width-100 mb-3 me-3" variant="default">Default</b-button>
73+
<b-button class="width-100 mb-3 me-3 text-white" variant="primary">Primary</b-button>
74+
<b-button class="width-100 mb-3 me-3" variant="info">Info</b-button>
75+
<b-button class="width-100 mb-3 me-3" variant="success">Success</b-button>
76+
<b-button class="width-100 mb-3 me-3" variant="warning">Warning</b-button>
77+
<b-button class="width-100 mb-3 me-3 text-white" variant="danger">Danger</b-button>
78+
<b-button class="width-100 mb-3 me-3 text-white" variant="gray">Gray</b-button>
79+
<b-button class="width-100 mb-3 me-3" variant="inverse">Inverse</b-button>
8080
</Widget>
8181
</b-col>
8282
</b-row>

‎src/pages/Core/Grid/Grid.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -129,35 +129,35 @@
129129
</thead>
130130
<tbody>
131131
<tr>
132-
<th class="text-nowrap" scope="b-row">Max container width</th>
132+
<th class="text-nowrap" scope="row">Max container width</th>
133133
<td>None (auto)</td>
134134
<td>540px</td>
135135
<td>720px</td>
136136
<td>960px</td>
137137
<td>1140px</td>
138138
</tr>
139139
<tr>
140-
<th class="text-nowrap" scope="b-row">Component property</th>
140+
<th class="text-nowrap" scope="row">Component property</th>
141141
<td><code>{{'&lt;b-col xs=""&gt;'}}</code></td>
142142
<td><code>{{'&lt;b-col sm=""&gt;'}}</code></td>
143143
<td><code>{{'&lt;b-col md=""&gt;'}}</code></td>
144144
<td><code>{{'&lt;b-col lg=""&gt;'}}</code></td>
145145
<td><code>{{'&lt;b-col xl=""&gt;'}}</code></td>
146146
</tr>
147147
<tr>
148-
<th class="text-nowrap" scope="b-row"># of columns</th>
148+
<th class="text-nowrap" scope="row"># of columns</th>
149149
<td colSpan="5">12</td>
150150
</tr>
151151
<tr>
152-
<th class="text-nowrap" scope="b-row">Gutter width</th>
152+
<th class="text-nowrap" scope="row">Gutter width</th>
153153
<td colSpan="5">30px (15px on each side of a column)</td>
154154
</tr>
155155
<tr>
156-
<th class="text-nowrap" scope="b-row">Nestable</th>
156+
<th class="text-nowrap" scope="row">Nestable</th>
157157
<td colSpan="5">Yes</td>
158158
</tr>
159159
<tr>
160-
<th class="text-nowrap" scope="b-row">column ordering</th>
160+
<th class="text-nowrap" scope="row">column ordering</th>
161161
<td colSpan="5">Yes</td>
162162
</tr>
163163
</tbody>

‎src/pages/Core/Typography/Typography.vue

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
>
1212
<h4>Default headings</h4>
1313
<p>Basic headings for everyday use</p>
14-
<div class="widget-padding-md w-100 h-100 text-left border rounded">
14+
<div class="widget-padding-md w-100 h-100 text-start border rounded">
1515
<b-row>
1616
<b-col sm="6">
1717
<h1>h1. Heading</h1>
@@ -33,22 +33,22 @@
3333
</div>
3434
<h4 class="mt-5">Customized headings</h4>
3535
<p>Enhanced with additional text</p>
36-
<div class="widget-padding-md w-100 h-100 text-left border rounded">
36+
<div class="widget-padding-md w-100 h-100 text-start border rounded">
3737
<h3>
3838
Headings <small>And some clarification text</small>
3939
</h3>
4040
</div>
4141
<h4 class="mt-5">Display</h4>
4242
<p>Headings to stand out</p>
43-
<div class="widget-padding-md w-100 h-100 text-left border rounded">
43+
<div class="widget-padding-md w-100 h-100 text-start border rounded">
4444
<h1 class="display-1">Display 1</h1>
4545
<h1 class="display-2">Display 2</h1>
4646
<h1 class="display-3">Display 3</h1>
4747
<h1 class="display-4">Display 4</h1>
4848
</div>
4949
<h4 class="mt-5">Lead</h4>
5050
<p>Make a paragraph stand out by adding <code class="highlighter-rouge">.lead</code>.</p>
51-
<div class="widget-padding-md w-100 h-100 text-left border rounded">
51+
<div class="widget-padding-md w-100 h-100 text-start border rounded">
5252
<p class="lead">Sing App is admin dashboard template built with Bootstrap</p>
5353
</div>
5454
</Widget>
@@ -60,7 +60,7 @@
6060
>
6161
<h4>Basic texts</h4>
6262
<p>Styling for common texts</p>
63-
<div class="widget-padding-md w-100 h-100 text-left border rounded">
63+
<div class="widget-padding-md w-100 h-100 text-start border rounded">
6464
<p>You can use the mark tag to <mark>highlight</mark> text.</p>
6565
<p><del>This line of text is meant to be treated as deleted text.</del></p>
6666
<p><ins>This line of text is meant to be treated as
@@ -71,15 +71,15 @@
7171
</div>
7272
<h4 class="mt-5">Font weights</h4>
7373
<p>Various font weights supported</p>
74-
<div class="widget-padding-md w-100 h-100 text-left border rounded">
74+
<div class="widget-padding-md w-100 h-100 text-start border rounded">
7575
<p>Thin (default) font weight</p>
7676
<p class="fw-normal">Normal font weight</p>
7777
<p class="fw-semi-bold">Semi bold to empasize important thing</p>
7878
<p class="fw-bold">Bold font as a high priority</p>
7979
</div>
8080
<h4 class="mt-5">colors</h4>
8181
<p>Bootstrap state colors can be applied to texts too</p>
82-
<div class="widget-padding-md w-100 h-100 text-left border rounded">
82+
<div class="widget-padding-md w-100 h-100 text-start border rounded">
8383
<p class="text-danger">Some danger text</p>
8484
<p class="text-warning">Some warning text</p>
8585
<p class="text-success">Some succes text</p>
@@ -88,7 +88,7 @@
8888
</div>
8989
<h4 class="mt-5">Blockquotes</h4>
9090
<p>Citing someone is really easy</p>
91-
<div class="widget-padding-md w-100 h-100 text-left border rounded">
91+
<div class="widget-padding-md w-100 h-100 text-start border rounded">
9292
<blockquote class="blockquote">
9393
<p>Don&apos;t get set into one form, adapt it and build your own, and let
9494
it gb-row, be like water. Empty your mind, be formless, shapeless — like water.

‎src/styles/_overrides.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -618,8 +618,8 @@ h6,
618618

619619
code {
620620
font-size: 85%;
621-
background-color: theme-color('danger-light');
622-
color: $pink;
621+
background-color: theme-color('light');
622+
color: $teal;
623623
padding: 0;
624624
}
625625

0 commit comments

Comments
 (0)