@mixin elipsis($row:1) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@mixin flexWrap() {
    display: -webkit-box;
}

@mixin flexItem() {
    -webkit-box-flex: 1;
}

@mixin flexItemBlock() {
    display: block;
    -webkit-box-flex: 1;
}

@mixin radius($r) {
    border-radius: $r;
}

@mixin radiusSeparated($t, $r, $b, $l) {
    border-top-left-radius: $t;
    border-top-right-radius: $r;
    border-bottom-left-radius: $b;
    border-bottom-right-radius: $l;
}

@mixin abCenter () {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@mixin abCenter-v () {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@mixin abCenter-h () {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}