

%AbsoluteCenter {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

%AbsoluteHorizontalCenter {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

%AbsoluteVerticalCenter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

%AbsoluteCover{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

%FlexRowBetweenCenter {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

%FlexRowAroundCenter {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

%FlexRowAroundStart {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
}

%FlexRowBetweenStart{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

%FlexRowStart {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

%FlexRowStartCenter {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
%FlexRowStartEnd{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

%FlexRowEndCenter {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

%FlexRowCenter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

%FlexRowCenterStart{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
}

%FlexColumnCenterStart {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

%FlexColumnCenterEnd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

%FlexColumnBetweenCenter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

%FlexColumnStartCenter {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
%FlexColumnStart {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

%FlexColumnCenter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

%ClearFloat{
    &:after,&:before{
        content: '';
        display: table;
        clear: both;
    }
}

//@import '../../cssInjection/cssLayout.scss';
