Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-22 09:54:24 +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 ### Default markup
{% example html max-width=300 %} {% example html max-width=300 %}
{% include ui/hr.html%} {% include ui/hr.html %}
<p> <p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit! Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p> </p>
{% include ui/hr.html text="Left divider"%} {% include ui/hr.html text="Left divider" %}
<p> <p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit! Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p> </p>
{% include ui/hr.html text="Centered divider" position="center"%} {% include ui/hr.html text="Centered divider" position="center" %}
<p> <p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit! Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p> </p>
{% include ui/hr.html text="Right divider" position="right"%} {% include ui/hr.html text="Right divider" position="right" %}
<p> <p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit! Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p> </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. Customize the color of the divider. You can click [here]({% docs_url colors %}) to see the list of available colors.
{% example %} {% example %}
{% include ui/hr.html text="Green divider" color="green"%} {% include ui/hr.html text="Green divider" color="green" %}
<p> <p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit! Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p> </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>