.#{$component-name}--alternate-left, .#{$component-name}--alternate-right {
    .#{$component-name}-indicator {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .#{$component-name}-item {
        .#{$component-name}-item-content {
            width: 50%;
        }
    }
}

.#{$component-name}--alternate-left {
    .#{$component-name}-item:nth-child(odd) {
        .#{$component-name}-item-content {
            text-align: right;
            padding-right: (24px / 2);
        }
    }
    .#{$component-name}-item:nth-child(2n) {
        .#{$component-name}-item-content {
            margin-left: (24px / 2);
            left: 50%;
            text-align: left;
        }
    }
}

.#{$component-name}--alternate-right {
    .#{$component-name}-item:nth-child(odd) {
        .#{$component-name}-item-content {
            margin-left: (24px / 2);
            left: 50%;
            text-align: left;
        }
    }
    .#{$component-name}-item:nth-child(2n) {
        .#{$component-name}-item-content {
            text-align: right;
            padding-right: (24px / 2);
        }
    }
}