Skip to content

Commit

Permalink
➕ Add outline utility-#{color} utility for text-stroke
Browse files Browse the repository at this point in the history
  • Loading branch information
ashfahan committed Jul 4, 2021
1 parent b262c61 commit 9943f88
Showing 1 changed file with 26 additions and 0 deletions.
26 changes: 26 additions & 0 deletions src/utilities/typography/_text-styling.scss
Original file line number Diff line number Diff line change
Expand Up @@ -47,4 +47,30 @@
);

@include generate-style($config);

//
// Stroke
//

$txt-stoke-color-map: map-merge(
$theme-colors,
(
body: $body-color,
black: $black,
white: $white,
)
);

@each $color, $value in $txt-stoke-color-map {
$txt-stoke-color-map: map-merge($txt-stoke-color-map, ($color: $value .03em));
}

$config: (
properties: -webkit-text-stroke text-stroke,
selector: "outline",
values: $txt-stoke-color-map,
enable-important-values: true,
);

@include generate-style($config);
}

0 comments on commit 9943f88

Please sign in to comment.