luyadev/luya-module-admin

View on GitHub
src/resources/scss/components/_input-group.scss

Summary

Maintainability
Test Coverage
.input-group {
    position: relative;

    .flag {
        opacity: .5;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        z-index: z-index(above-content);
    }

    $input-group-addon-selector: '.input-group-addon';
    @for $i from 1 through 5 {
        #{$input-group-addon-selector} + .flag {
            right: 45px * $i;
        }
        $input-group-addon-selector: #{$input-group-addon-selector} + #{'.input-group-addon'};
    }
}

.input-group-addon {
    user-select: none;

    .form-control ~ & {
        margin-left: -1px;
    }
    & ~ .form-control {
        margin-left: -1px;
    }
}