mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 05:06:55 +04:00
Replace outdated font-weight- classes with valid fw- classes (#2614)
Co-authored-by: codecalm <codecalm@gmail.com>
This commit is contained in:
1 parent
100a37b38e
commit
ac87b76fe7
10 files changed
+18
-13
No files matched your search
@@ -0,0 +1,5 @@
|
||||
---
|
||||
"@tabler/preview": patch
|
||||
---
|
||||
|
||||
Updated preview templates to replace deprecated `font-weight-*` classes with Bootstrap-compatible `fw-*` utility classes.
|
||||
@@ -18,17 +18,17 @@ permalink: pricing-table.html
|
||||
</div>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="text-uppercase text-secondary font-weight-medium">Starter</div>
|
||||
<div class="text-uppercase text-secondary fw-medium">Starter</div>
|
||||
<div class="display-6 fw-bold my-3">$0</div>
|
||||
<a href="#" class="btn w-100">Choose plan</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="text-uppercase text-secondary font-weight-medium">Professional</div>
|
||||
<div class="text-uppercase text-secondary fw-medium">Professional</div>
|
||||
<div class="display-6 fw-bold my-3">$9</div>
|
||||
<a href="#" class="btn btn-green w-100">Choose plan</a>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<div class="text-uppercase text-secondary font-weight-medium">Business</div>
|
||||
<div class="text-uppercase text-secondary fw-medium">Business</div>
|
||||
<div class="display-6 fw-bold my-3">$16</div>
|
||||
<a href="#" class="btn w-100">Choose plan</a>
|
||||
</td>
|
||||
|
||||
@@ -84,8 +84,8 @@
|
||||
<td class="text-end">$5.000,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="font-weight-semibold text-uppercase text-end">Total Due</td>
|
||||
<td class="font-weight-semibold text-end">$30.000,00</td>
|
||||
<td colspan="4" class="fw-semibold text-uppercase text-end">Total Due</td>
|
||||
<td class="fw-semibold text-end">$30.000,00</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
{% endif %}
|
||||
|
||||
<div class="card-body text-center">
|
||||
<div class="text-uppercase text-secondary font-weight-medium">{{ include.category | default: 'Enterprise' }}</div>
|
||||
<div class="text-uppercase text-secondary fw-medium">{{ include.category | default: 'Enterprise' }}</div>
|
||||
|
||||
<div class="display-5 fw-bold my-3">${{ include.price | default: '79' }}</div>
|
||||
|
||||
|
||||
@@ -20,13 +20,13 @@
|
||||
|
||||
|
||||
<div class="col">
|
||||
<div class="font-weight-medium">
|
||||
<div class="fw-medium">
|
||||
{{ include.title | default: 1700 }}
|
||||
{% if include.small-icon %}
|
||||
{% include "ui/icon.html" icon=include.small-icon color=include.color class="icon-sm ms-1" %}
|
||||
{% endif %}
|
||||
{% if include.description-value %}
|
||||
<span class="float-end font-weight-medium text-{{ include.description-value-color | default: 'green' }}">{{ include.description-value }}</span>
|
||||
<span class="float-end fw-medium text-{{ include.description-value-color | default: 'green' }}">{{ include.description-value }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="text-secondary">
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<div class="row">
|
||||
{% unless include.right %}{{ col-avatar }}{% endunless %}
|
||||
<div class="col">
|
||||
<div class="font-weight-medium">{{ person.full_name }}</div>
|
||||
<div class="fw-medium">{{ person.full_name }}</div>
|
||||
<div class="text-secondary">{{ person.job_title }}</div>
|
||||
</div>
|
||||
{% if include.right %}{{ col-avatar }}{% endif %}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<div class="avatar bg-{{ color[0] }}{% if light %}-lt{% else %} text-white{% endif %}">{{ color[0] | capitalize | first_letter }}</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<span class="font-weight-semibold">{{ color[1].title }}</span><br/>
|
||||
<span class="fw-semibold">{{ color[1].title }}</span><br/>
|
||||
<code>bg-{{ color[0] }}{% if light %}-lt{% endif %}</code>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
{% include "ui/avatar.html" person=person class="me-3" %}
|
||||
<div>
|
||||
<div class="font-weight-medium">{{ person.full_name }}</div>
|
||||
<div class="fw-medium">{{ person.full_name }}</div>
|
||||
<div class="text-secondary">{{ person.job_title }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<div{% if include.class %} class="{{ include.class }}"{% endif %}>
|
||||
<div class="d-flex mb-1 align-items-center lh-1">
|
||||
<div class="fs-5 font-weight-semibold m-0">{{ include.label | default: 'Label' }}</div>
|
||||
<div class="fs-5 fw-semibold m-0">{{ include.label | default: 'Label' }}</div>
|
||||
{% if include.description %}
|
||||
<div class="fs-6 text-secondary ms-2">{{ include.description }}</div>
|
||||
{% endif %}
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
<div class="d-flex py-1 align-items-center">
|
||||
{% include "ui/avatar.html" person-id=person.id class="me-2" %}
|
||||
<div class="flex-fill">
|
||||
<div class="font-weight-medium">{{ person.full_name }}</div>
|
||||
<div class="fw-medium">{{ person.full_name }}</div>
|
||||
<div class="text-secondary"><a href="#" class="text-reset">{{ person.email }}</a></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in new issue
Block a user