Skip to content

Commit

Permalink
feat: added gradients utilities
Browse files Browse the repository at this point in the history
jmjuanes committed Jan 24, 2023

Partially verified

This commit is signed with the committer’s verified signature.
targos’s contribution has been verified via GPG key.
We cannot verify signatures from co-authors, and some of the co-authors attributed to this commit require their commits to be signed.
1 parent 367364c commit df95fed
Showing 2 changed files with 37 additions and 9 deletions.
8 changes: 8 additions & 0 deletions low/_config.scss
Original file line number Diff line number Diff line change
@@ -267,6 +267,14 @@ $background-clip: (

$background-color: $colors !default;

$background-image: (
none: none,
gradient-to-right: linear-gradient(to right, var(--low-gradient-start), var(--low-gradient-stop)),
gradient-to-lelft: linear-gradient(to left, var(--low-gradient-start), var(--low-gradient-stop)),
gradient-to-bottom: linear-gradient(to bottom, var(--low-gradient-start), var(--low-gradient-stop)),
gradient-to-top: linear-gradient(to top, var(--low-gradient-start), var(--low-gradient-stop)),
) !default;

$background-repeat: (
repeat: repeat,
no-repeat: no-repeat,
38 changes: 29 additions & 9 deletions low/_utilities.scss
Original file line number Diff line number Diff line change
@@ -2,9 +2,17 @@

// @description All utilities
$all-utilities: (
// Animations
animation: (
alias: "animation",
variants: ("default", "responsive"),
properties: (animation),
values: config.$animation,
),

// Background utilities
background-clip: (
alias: "bg-clip",
alias: "bg",
variants: ("default"),
properties: (background-clip),
values: config.$background-clip,
@@ -15,6 +23,12 @@ $all-utilities: (
properties: (background-color),
values: config.$background-color,
),
background-image: (
alias: "bg",
variants: ("default"),
properties: (background-image),
values: config.$background-image,
),
background-repeat: (
alias: "bg",
variants: ("default"),
@@ -28,6 +42,20 @@ $all-utilities: (
values: config.$background-size,
),

// Gradients utilities
gradient-from: (
alias: "from",
variants: ("default"),
properties: (--low-gradient-start),
values: config.$background-color,
),
gradient-to: (
alias: "to",
variants: ("default"),
properties: (--low-gradient-stop),
values: config.$background-color,
),

// Border utilities
border-color: (
alias: "b",
@@ -440,14 +468,6 @@ $all-utilities: (
values: config.$vertical-align,
),

// Animations
animation: (
alias: "animation",
variants: ("default", "responsive"),
properties: (animation),
values: config.$animation,
),

// Filter
filter-blur: (
alias: "blur",

0 comments on commit df95fed

Please sign in to comment.