mirror of
https://github.com/tabler/tabler.git
synced 2026-08-22 02:44:24 +04:00
button fixes
This commit is contained in:
+11
-1
@@ -46,7 +46,6 @@ Make buttons look inactive by adding the disabled boolean attribute to any `.btn
|
||||
{% endcapture %}
|
||||
{% include example.html code=code wrapper="btn-list" centered=true %}
|
||||
|
||||
|
||||
### Color variations
|
||||
|
||||
The classic button, in different colors.
|
||||
@@ -58,6 +57,17 @@ The classic button, in different colors.
|
||||
{% endcapture %}
|
||||
{% include example.html code=code wrapper="btn-list" centered=true %}
|
||||
|
||||
### Ghost Buttons
|
||||
|
||||
Use `.btn-ghost-*` class for ghost buttons.
|
||||
|
||||
{% capture code %}
|
||||
{% for button in site.button-variants %}
|
||||
<a href="#" class="btn btn-ghost-{{ button[0] }}">{{ button[1].title }}</a>
|
||||
{% endfor %}
|
||||
{% endcapture %}
|
||||
{% include example.html code=code wrapper="btn-list" centered=true %}
|
||||
|
||||
### Square buttons
|
||||
|
||||
Add `.btn-square` to button to remove border-radius.
|
||||
|
||||
Reference in New Issue
Block a user