/**
 * media queries mixins
 */
responsive(breakpoint)
    @media screen and (min-width: breakpoint)
        {block}

ultrawide()
    @media screen and (min-width: $ultrawide)
        {block}

widescreen()
    @media screen and (min-width: $widescreen)
        {block}

screen()
    @media screen and (min-width: $screen)
        {block}

tablet()
    @media screen and (min-width: $tablet)
        {block}

mobile()
    @media screen and (max-width: ($tablet - 1))
        {block}


/**
 * styling mixins
 */
_icon-color(color)
    svg
        fill: color
        stroke-width: 0
    i
    span
        color: color

flexCenter()
    display: flex
    justify-content: center
    align-items: center