danog/sass-site
1
0
Fork 0
mirror of https://github.com/danog/sass-site.git synced 2024-11-30 04:29:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

pop-stripe magic

Browse Source
This commit is contained in:
Stacy Kvernmo 2023-03-13 15:02:47 -05:00
parent 82a1b7e5bb
commit f82e4c8a68
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
source/assets/sass/components/_pop-stripe.scss
View File

@ -1,14 +1,20 @@
@use 'sass:math';
@use 'sass:list';
@use 'sass:meta';
@use 'sass:map';
@use '../functions';
@use '../config/color/brand';
$sl-colors: var(--sl-color--hopbush) var(--sl-color--bouquet)
var(--sl-color--venus) var(--sl-color--patina) var(--sl-color--nebula)
var(--sl-color--white) var(--sl-color--dawn-pink) var(--sl-color--wafer)
var(--sl-color--iron) var(--sl-color--regent-grey) var(--sl-color--pale-sky)
var(--sl-color--midnight-blue);
$sl-colors: ();
// loop over the variable names in config/color/brand.scss
@each $color-name in map.keys(meta.module-variables('brand')) {
// turn each sass variable name into a css var() function
$var: var(--#{$color-name});
// add each var() function to the space-separated list
$sl-colors: list.append($sl-colors, $var, space);
}
@function stripes($position, $sl-colors) {
$sl-colors: if(