$image-repeat-props: (
    'bg-repeat': 'repeat',
    'bg-no-repeat': 'no-repeat',
    'bg-repeat-x': 'repeat-x',
    'bg-repeat-y': 'repeat-y',
    'bg-repeat-round': 'round',
    'bg-repeat-space': 'space'
) !default;

$image-size-props: (
    'bg-auto': 'auto',
    'bg-cover': 'cover',
    'bg-contain': 'contain'
) !default;

$image-position-props: (
    'bg-bottom': 'bottom',
    'bg-center': 'center',
    'bg-left': 'left',
    'bg-left-bottom': 'left bottom',
    'bg-left-top': 'left top',
    'bg-right': 'right',
    'bg-right-bottom': 'right bottom',
    'bg-right-top': 'right top',
    'bg-top': 'top'
) !default;

@include style-class('background-repeat', $image-repeat-props, true);
@include style-class('background-size', $image-size-props, true);
@include style-class('background-position', $image-position-props, true);