@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;
}

@mixin box-sizing( $border_box: border-box )
{
    -webkit-box-sizing: $border_box;
    -moz-box-sizing: $border_box;
    box-sizing: $border_box;

}

@mixin transition($selector:all, $animation:ease-in-out, $duration:.2s) {
    -webkit-transition: $selector $animation $duration;
    -moz-transition: $selector $animation $duration;
    -ms-transition: $selector $animation $duration;
    -o-transition: $selector $animation $duration;
    transition: $selector $animation $duration;
}

@mixin linear-gradient($direction: to right bottom,$from: #000, $to: #FFF) {
    background-color: $from;
    background-image: -webkit-linear-gradient($direction, $from, $to);
    background-image: -o-linear-gradient($direction, $from, $to);
    background-image: -moz-linear-gradient($direction, $from, $to);
    background-image: linear-gradient($direction, $from, $to);
}