diff --git a/.changeset/chilly-vans-leave.md b/.changeset/chilly-vans-leave.md new file mode 100644 index 000000000..b83ec271e --- /dev/null +++ b/.changeset/chilly-vans-leave.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Make horizontal rule direction aware diff --git a/docs/components/divider.mdx b/docs/components/divider.mdx index 3e7bd7225..675d0c029 100644 --- a/docs/components/divider.mdx +++ b/docs/components/divider.mdx @@ -26,7 +26,7 @@ You can modify the position of the text which is to be included in a separator a

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, dolore dolores doloribus est ex.

-
Left divider
+
Start divider

Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!

@@ -34,7 +34,7 @@ You can modify the position of the text which is to be included in a separator a

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, dolore dolores doloribus est ex.

-
Right divider
+
End divider

Dicta error hic illo iure necessitatibus nihil officiis omnis perferendis, praesentium repellendus rerum, saepe sed, sit!

diff --git a/src/scss/ui/typo/_hr.scss b/src/scss/ui/typo/_hr.scss index 6d88382a4..7a4398647 100644 --- a/src/scss/ui/typo/_hr.scss +++ b/src/scss/ui/typo/_hr.scss @@ -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: ""; }