Make horizontal rule direction aware (#2021)
Some checks are pending
Bundlewatch / bundlewatch (push) Waiting to run

This commit is contained in:
Paweł Kuna
2024-12-31 17:41:05 +01:00
committed by GitHub
parent 5488c50c47
commit 7ba7717d3f
3 changed files with 11 additions and 4 deletions

View File

@@ -0,0 +1,5 @@
---
"@tabler/core": patch
---
Make horizontal rule direction aware

View File

@@ -26,7 +26,7 @@ You can modify the position of the text which is to be included in a separator a
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, dolore dolores doloribus est ex.
</p>
<div class="hr-text hr-text-left">Left divider</div>
<div class="hr-text hr-text-start">Start divider</div>
<p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p>
@@ -34,7 +34,7 @@ You can modify the position of the text which is to be included in a separator a
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, dolore dolores doloribus est ex.
</p>
<div class="hr-text hr-text-right">Right divider</div>
<div class="hr-text hr-text-end">End divider</div>
<p>
Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!
</p>

View File

@@ -39,7 +39,8 @@ Hr text
color: var(--#{$prefix}secondary);
}
&.hr-text-left {
&.hr-text-left,
&.hr-text-start {
&:before {
content: none;
}
@@ -50,7 +51,8 @@ Hr text
}
}
&.hr-text-right {
&.hr-text-right,
&.hr-text-end {
&:before {
content: "";
}