////
/// @group Base:Layout
/// @author Basscss@v8
////

///
.inline {
    display: inline
}

///
.block {
    display: block
}

///
.inline-block {
    display: inline-block
}

///
.table {
    display: table
}

///
.table-cell {
    display: table-cell
}

///
.overflow-hidden {
    overflow: hidden
}

///
.overflow-scroll {
    overflow: scroll
}

///
.overflow-visible {
    overflow: visible
}

///
.overflow-auto {
    overflow: auto
}

/// correct sizing for the parent node when the children are using `float: left|right`
.clearfix {
    &:before,
    &:after {
        content: " ";
        display: table
    }

    &:after {
        clear: both
    }
}

///
.left {
    float: left
}

///
.right {
    float: right
}

///
.fit {
    max-width: 100%
}

///
.img-fit-w {
    width: 100%;
    height: auto;
}

///
.img-fit-h {
    height: 100%;
    width: auto;
}

///
.border-box {
    box-sizing: border-box
}