Skip to content

TypeScript code snippet – How to set scss array of list?

	$colors: (
		(1, $color-orange-light, $color-orange, $color-orange-dark),
		(2, $color-green-light, $color-green, $color-green-dark),
		(3, $color-red-light, $color-red, $color-red-dark),
		(4, $color-blue-light, $color-blue, $color-blue-dark),
		(5, $color-purple-light, $color-purple, $color-purple-dark)
	);

	@each $i, $bg-c, $border-c, $icon-c in $colors {
		&__logo-container-#{$i} {
			@extend %logo-box-styles;
			background-color: $bg-c;
			border: 7px solid $border-c;
			border-radius: 50%;
			color: $icon-c;
		}
	}
See also  How to add an item to a dictionary in Python?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.