1
0
mirror of https://github.com/tabler/tabler.git synced 2026-08-08 12:22:23 +04:00

Refactor SCSS for alerts and close button styles (#2239)

This commit is contained in:
Paweł Kuna
2025-03-26 00:06:21 +01:00
committed by GitHub
parent c20d076b74
commit ddcd3a79e1
7 changed files with 89 additions and 13 deletions
+1 -1
View File
@@ -11,7 +11,7 @@
{% endif %}
{% endunless %}
<div class="alert{% if include.important %} alert-important{% endif %} alert-{{ include.type | default: 'primary'}}{%if include.show-close %} alert-dismissible{% endif %}{% if include.avatar %} alert-avatar{% endif %}" role="alert">
<div class="alert{% if include.important %} alert-important{% elsif include.minor %} alert-minor{% endif %} alert-{{ include.type | default: 'primary'}}{%if include.show-close %} alert-dismissible{% endif %}{% if include.avatar %} alert-avatar{% endif %}" role="alert">
<div class="alert-icon">
{% include "ui/icon.html" icon=icon class="alert-icon" %}
+11
View File
@@ -62,4 +62,15 @@ permalink: alerts.html
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card">
<div class="card-body">
<h2 class="card-title">Minor alerts</h2>
{% include "ui/alert.html" show-close minor=true type="danger" title="Password does not meet requirements:" list="Minimum 8 characters,Include a special character" %}
{% include "ui/alert.html" show-close minor=true type="success" description="This is a custom alert box with a description." %}
{% include "ui/alert.html" show-close minor=true type="warning" description="This is a custom alert box with a description." %}
{% include "ui/alert.html" show-close minor=true type="info" description="This is a custom alert box with a description." %}
</div>
</div>
</div>
</div>