Center

Centers an element

Element

HTML: 
            <span class="mixin-example-center">Element</span>

SCSS: 

        .mixins-example-center {
            @include center();
        }

CenterX

Centers an element horizontally

Element

HTML: 
            <span class="mixin-example-center-x">Element</span>

SCSS: 

        .mixin-example-center-x {
            @include centerX();
        }

Centers an element vertically

Element

HTML: 
            <span class="mixin-example-center-y">Element</span>

SCSS: 

        .mixin-example-center-y {
            @include centerY();
        }