Skip to content

Commit

Permalink
feat: added utilities for all border sides
Browse files Browse the repository at this point in the history
jmjuanes authored Apr 7, 2023

Verified

This commit was signed with the committer’s verified signature.
snyk-bot Snyk bot
1 parent fcea288 commit c32a41b
Showing 1 changed file with 108 additions and 0 deletions.
108 changes: 108 additions & 0 deletions low/_utilities.scss
Original file line number Diff line number Diff line change
@@ -117,6 +117,114 @@ $all-utilities: (
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-width",
description: "Utilities for setting the border-width property of the element.",
),
border-bottom-color: (
group: "border",
alias: "bb",
variants: ("default", "hover", "focus", "active", "checked"),
properties: (border-bottom-color),
values: config.$border-color,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color",
description: "Utilities for setting the element's border bottom color.",
),
border-bottom-style: (
group: "border",
alias: "bb",
variants: ("default", "focus"),
properties: (border-bottom-style),
values: config.$border-style,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style",
description: "Utilities for setting the element's border bottom style.",
),
border-bottom-width: (
group: "border",
alias: "bb",
variants: ("default", "focus"),
properties: (border-bottom-width),
values: config.$border-width,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width",
description: "Utilities for setting the element's border bottom width.",
),
border-left-color: (
group: "border",
alias: "bl",
variants: ("default", "hover", "focus", "active", "checked"),
properties: (border-left-color),
values: config.$border-color,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color",
description: "Utilities for setting the element's border left color.",
),
border-left-style: (
group: "border",
alias: "bl",
variants: ("default", "focus"),
properties: (border-left-style),
values: config.$border-style,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style",
description: "Utilities for setting the element's border left style.",
),
border-left-width: (
group: "border",
alias: "bl",
variants: ("default", "focus"),
properties: (border-left-width),
values: config.$border-width,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width",
description: "Utilities for setting the element's border left width.",
),
border-right-color: (
group: "border",
alias: "br",
variants: ("default", "hover", "focus", "active", "checked"),
properties: (border-right-color),
values: config.$border-color,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color",
description: "Utilities for setting the element's border right color.",
),
border-right-style: (
group: "border",
alias: "br",
variants: ("default", "focus"),
properties: (border-right-style),
values: config.$border-style,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style",
description: "Utilities for setting the element's border right style.",
),
border-right-width: (
group: "border",
alias: "br",
variants: ("default", "focus"),
properties: (border-right-width),
values: config.$border-width,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width",
description: "Utilities for setting the element's border right width.",
),
border-top-color: (
group: "border",
alias: "bt",
variants: ("default", "hover", "focus", "active", "checked"),
properties: (border-top-color),
values: config.$border-color,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color",
description: "Utilities for setting the element's border top color.",
),
border-top-style: (
group: "border",
alias: "bt",
variants: ("default", "focus"),
properties: (border-top-style),
values: config.$border-style,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style",
description: "Utilities for setting the element's border top style.",
),
border-top-width: (
group: "border",
alias: "bt",
variants: ("default", "focus"),
properties: (border-top-width),
values: config.$border-width,
url: "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width",
description: "Utilities for setting the element's border top width.",
),
outline-color: (
group: "border",
alias: "outline",

0 comments on commit c32a41b

Please sign in to comment.