@import '../vendor/fontawesome/variables';
@import '../vendor/fontawesome/core';
@import '../vendor/fontawesome/fixed-width';

// Sass mixins

@mixin iconbefore($glyph: "\f179")
{
    @extend .fa;
    @extend .fa-fw;
    content: $glyph;
}

@mixin iconafter($glyph: "\f179")
{
    @extend .fa;
    @extend .fa-fw;
    content: $glyph;
}

@mixin ir()
{
    display: block;
    text-indent: -999px;
    position: relative;
    height: 1em;
    width: 1em;
}

@mixin icon($glyph: "\f179")
{
    @extend .fa;
    margin: 0;
    text-indent: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    content: $glyph;
}

@mixin message($glyph: "\f00d", $color: $info)
{
    padding: 1em 1.618em 1em 5em;
    border-top: .202em solid $color;
    background: $bg_light;
    margin-bottom: 2.618em;
    font-weight: normal;
    position: relative;
    color: #666;

    &:before {
        font-family: 'FontAwesome';
        content: $glyph;
        color: $color;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 2.618em;
        background: darken( $bg_light, 2% );
        text-align: center;
        padding: 1em .618em;
        font-weight: normal !important;
    }
}

@mixin border_radius_reset()
{
	-webkit-border-radius:     none;
	-moz-border-radius:        none;
    border-radius:             none;
}

@mixin opacity($opacity:0.75)
{
    opacity: $opacity;
    filter: alpha(opacity=$opacity * 100);
}

@mixin box_shadow( $shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888 )
{
    box-shadow:         $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
    -webkit-box-shadow: $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}

@mixin inset_box_shadow( $shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888 )
{
    box-shadow:inset    $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
    -webkit-box-shadow: inset $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
}

@mixin box_shadow_reset()
{
    -webkit-box-shadow:    none;
    -moz-box-shadow:       none;
    box-shadow:            none;
}