Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-22 01:44:25 +04:00
Code Issues Projects Releases Wiki Activity

hr fixes

Browse Source
This commit is contained in:
codecalm
2019-12-09 16:52:32 +01:00
parent 9122ec1eaf
commit 118c696d68
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/_docs/divider.md
View File

@@ -7,19 +7,19 @@ done: true
### Default markup
{% example html max-width=300 %}
{% include ui/hr.html%}
{% include ui/hr.html %}
<p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p>
{% include ui/hr.html text="Left divider"%}
{% include ui/hr.html text="Left divider" %}
<p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p>
{% include ui/hr.html text="Centered divider" position="center"%}
{% include ui/hr.html text="Centered divider" position="center" %}
<p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p>
{% include ui/hr.html text="Right divider" position="right"%}
{% include ui/hr.html text="Right divider" position="right" %}
<p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p>
@@ -30,8 +30,8 @@ done: true
Customize the color of the divider. You can click [here]({% docs_url colors %}) to see the list of available colors.
{% example %}
{% include ui/hr.html text="Green divider" color="green"%}
{% include ui/hr.html text="Green divider" color="green" %}
<p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p>
{% endexample %}
{% endexample %}

2
pages/_includes/ui/hr.html
View File

@@ -1 +1 @@
<div class="hr-text hr-text-{{ include.position | default: 'left' | downcase }}{% if include.color %} text-{{ include.color }}{% endif %}">{{ include.text }}</div>
<div class="hr-text{% if include.position %} hr-text-{{ include.position | downcase }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}">{{ include.text | default: 'Label' }}</div>