mlebkowski · September 25, 2024 11:04
diff --git a/_icons-sizes.scss b/_icons-sizes.scss
 $icon-size: 16px;

 $icon-sizes: (
  sm: $icon-size / 1.5;
  md: $icon-size;
  lg: $icon-size * 1.5;
 )
diff --git a/_mixins.scss b/_mixins.scss
 @function get-map-value($map, $keys...) {
    @each $key in $keys {
        $isValidKey: map-has-key($map, $key);

        @if ($isValidKey == false) {
            @warn "There is no element with key: '#{$key}'.";

            @return null;
        }

        $map: map-get($map, $key);
    }

    @return $map;
 }
diff --git a/some-component.scss b/some-component.scss
 .some-component {
  $__icon {
    --icon-size: get-map-value($icon-sizes, sm) 
  }
 }
	@function get-map-value($map, $keys...) {
	@each $key in $keys {
	$isValidKey: map-has-key($map, $key);

	@if ($isValidKey == false) {
	@warn "There is no element with key: '#{$key}'.";

	@return null;
	}

	$map: map-get($map, $key);
	}

	@return $map;
	}
	.some-component {
	$__icon {
	--icon-size: get-map-value($icon-sizes, sm)
	}
	}