@function sizes($size){
    @if $size == 'xxs'   { @return 4px }
    @if $size == 'xs'   { @return 8px }
    @if $size == 'sm'   { @return 16px }
    @if $size == 'md'   { @return 32px }
    @if $size == 'lg'   { @return 40px }
    @if $size == 'xl'   { @return 48px }
    @if $size == 'xxl'  { @return 56px }
}

$defaultSetSizeList: (
    'xl': ( 96px, 12px ),
    'l':  ( 64px, 10px ),
    'm':  ( 56px, 8px ),
    's':  ( 40px, 6px),
    'xs': ( 24px, 4px)
);

@mixin setSizeList($var, $root, $prefix: 'size', $sizeList: $defaultSetSizeList) {
    @for $i from 1 to length($sizeList)+1 {
        &#{$root}--#{$prefix}-#{nth(#{nth(map-keys($sizeList), $i)}, 1)} {
            @for $j from 1 to length($var)+1 {
                #{nth($var, $j)}: #{nth(nth(map-values($sizeList), $i), $j)};
            }
        }
    }
}