responsive-placements.less


.responsive-place-top(@default-top, @lg-top, @md-top: @lg-top, @sm-top, @xs-top ) {
    .top(@default-top);

    @media(min-width:@screen-xs) {
        .top(@xs-top);
    }

    @media(min-width:@screen-sm) {
        .top(@sm-top);
    }

    @media(min-width:@screen-md) {
        .top(@md-top);
    }

    @media(min-width:@screen-lg) {
        .top(@lg-top);
    }
}

.responsive-place-top(@default-top, @md-top, @xs-top ) {
    .top(@default-top);

    @media(min-width:@screen-xs) {
        .top(@xs-top);
    }

    @media(min-width:@screen-md) {
        .top(@md-top);
    }
}


.responsive-place-top(@default-top, @md-top, @sm-top, @xs-top ) {
    .top(@default-top);

    @media(min-width:@screen-xs) {
        .top(@xs-top);
    }

    @media(min-width:@screen-sm) {
        .top(@sm-top);
    }

    @media(min-width:@screen-md) {
        .top(@md-top);
    }
}



.responsive-place-right(@default-right, @lg-right, @md-right: @lg-right, @sm-right, @xs-right ) {
    .right(@default-right);

    @media(min-width:@screen-xs) {
        .right(@xs-right);
    }

    @media(min-width:@screen-sm) {
        .right(@sm-right);
    }

    @media(min-width:@screen-md) {
        .right(@md-right);
    }

    @media(min-width:@screen-lg) {
        .right(@lg-right);
    }
}

.responsive-place-right(@default-right, @md-right, @xs-right ) {
    .right(@default-right);

    @media(min-width:@screen-xs) {
        .right(@xs-right);
    }

    @media(min-width:@screen-md) {
        .right(@md-right);
    }
}


.responsive-place-right(@default-right, @md-right, @sm-right, @xs-right ) {
    .right(@default-right);

    @media(min-width:@screen-xs) {
        .right(@xs-right);
    }

    @media(min-width:@screen-sm) {
        .right(@sm-right);
    }

    @media(min-width:@screen-md) {
        .right(@md-right);
    }
}


.responsive-place-top(@default-top, @md-top, @sm-top, @xs-top ) {
    .right(@default-top);

    @media(min-width:@screen-xs) {
        .right(@xs-top);
    }

    @media(min-width:@screen-sm) {
        .right(@sm-top);
    }

    @media(min-width:@screen-md) {
        .right(@md-top);
    }
}



.responsive-place-bottom(@default-bottom, @lg-bottom, @md-bottom: @lg-bottom, @sm-bottom, @xs-bottom ) {
    .bottom(@default-bottom);

    @media(min-width:@screen-xs) {
        .bottom(@xs-bottom);
    }

    @media(min-width:@screen-sm) {
        .bottom(@sm-bottom);
    }

    @media(min-width:@screen-md) {
        .bottom(@md-bottom);
    }

    @media(min-width:@screen-lg) {
        .bottom(@lg-bottom);
    }
}

.responsive-place-bottom(@default-bottom, @md-bottom, @xs-bottom ) {
    .bottom(@default-bottom);

    @media(min-width:@screen-xs) {
        .bottom(@xs-bottom);
    }

    @media(min-width:@screen-md) {
        .bottom(@md-bottom);
    }
}


.responsive-place-bottom(@default-bottom, @md-bottom, @sm-bottom, @xs-bottom ) {
    .bottom(@default-bottom);

    @media(min-width:@screen-xs) {
        .bottom(@xs-bottom);
    }

    @media(min-width:@screen-sm) {
        .bottom(@sm-bottom);
    }

    @media(min-width:@screen-md) {
        .bottom(@md-bottom);
    }
}


.responsive-place-bottom(@default-bottom, @md-bottom, @sm-bottom, @xs-bottom ) {
    .bottom(@default-bottom);

    @media(min-width:@screen-xs) {
        .bottom(@xs-bottom);
    }

    @media(min-width:@screen-sm) {
        .bottom(@sm-bottom);
    }

    @media(min-width:@screen-md) {
        .bottom(@md-bottom);
    }
}



.responsive-place-left(@default-left, @lg-left, @md-left: @lg-left, @sm-left, @xs-left ) {
    .left(@default-left);

    @media(min-width:@screen-xs) {
        .left(@xs-left);
    }

    @media(min-width:@screen-sm) {
        .left(@sm-left);
    }

    @media(min-width:@screen-md) {
        .left(@md-left);
    }

    @media(min-width:@screen-lg) {
        .left(@lg-left);
    }
}

.responsive-place-left(@default-left, @md-left, @xs-left ) {
    .left(@default-left);

    @media(min-width:@screen-xs) {
        .left(@xs-left);
    }

    @media(min-width:@screen-md) {
        .left(@md-left);
    }
}


.responsive-place-left(@default-left, @md-left, @sm-left, @xs-left ) {
    .left(@default-left);

    @media(min-width:@screen-xs) {
        .left(@xs-left);
    }

    @media(min-width:@screen-sm) {
        .left(@sm-left);
    }

    @media(min-width:@screen-md) {
        .left(@md-left);
    }
}


.responsive-place-left(@default-left, @md-left, @sm-left, @xs-left ) {
    .left(@default-left);

    @media(min-width:@screen-xs) {
        .left(@xs-left);
    }

    @media(min-width:@screen-sm) {
        .left(@sm-left);
    }

    @media(min-width:@screen-md) {
        .left(@md-left);
    }
}