@mixin box_shadow_4($hor, $ver, $blur, $color) {
    -moz-box-shadow: $hor $ver $blur $color;
    -webkit-box-shadow: $hor $ver $blur $color;
    box-shadow: $hor $ver $blur $color;
}

@mixin box_shadow_5($hor, $ver, $blur, $dist, $color) {
    -moz-box-shadow: $hor $ver $blur $dist $color;
    -webkit-box-shadow: $hor $ver $blur $dist $color;
    box-shadow: $hor $ver $blur $dist $color;
}

@mixin box_shadow_6($hor, $ver, $blur, $dist, $color, $type) {
    -moz-box-shadow: $hor $ver $blur $dist $color, $type;
    -webkit-box-shadow: $hor $ver $blur $dist $color, $type;
    box-shadow: $hor $ver $blur $dist $color, $type;
}

@mixin placeholder-color($color) {
    ::-webkit-input-placeholder { /* WebKit browsers */
        color:    $color;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    $color;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    $color;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    $color;
    }
}

@mixin selection-color($bg_color, $color) {
    ::-moz-selection {
        background: $bg_color;
        text-shadow: none;
        color: $color;
    }
    ::selection {
        background: $bg_color;
        text-shadow: none;
        color: $color;
    }
}

@mixin margins($margin) {
    
    .margin-zero {
        margin: 0px;
    }

    .margin {
        margin: $margin;
    }
    .margin-top {
        margin-top: $margin;
    }
    .margin-bottom {
        margin-bottom: $margin;
    }
    .margin-left {
        margin-left: $margin;
    }
    .margin-right {
        margin-right: $margin;
    }

    .margin-2x {
        margin: $margin * 2;
    }
    .margin-top-2x {
        margin-top: $margin * 2;
    }
    .margin-bottom-2x {
        margin-bottom: $margin * 2;
    }
    .margin-left-2x {
        margin-left: $margin * 2;
    }
    .margin-right-2x {
        margin-right: $margin * 2;
    }

    .margin-3x {
        margin: $margin * 3;
    }
    .margin-top-3x {
        margin-top: $margin * 3;
    }
    .margin-bottom-3x {
        margin-bottom: $margin * 3;
    }
    .margin-left-3x {
        margin-left: $margin * 3;
    }
    .margin-right-3x {
        margin-right: $margin * 3;
    }

    .margin-4x {
        margin: $margin * 4;
    }
    .margin-top-4x {
        margin-top: $margin * 4;
    }
    .margin-bottom-4x {
        margin-bottom: $margin * 4;
    }
    .margin-left-4x {
        margin-left: $margin * 4;
    }
    .margin-right-4x {
        margin-right: $margin * 4;
    }

    .margin-5x {
        margin: $margin * 5;
    }
    .margin-top-5x {
        margin-top: $margin * 5;
    }
    .margin-bottom-5x {
        margin-bottom: $margin * 5;
    }
    .margin-left-5x {
        margin-left: $margin * 5;
    }
    .margin-right-5x {
        margin-right: $margin * 5;
    }

}

@mixin paddings($padding) {

    .padding {
        padding: $padding;
    }
    .padding-top {
        padding-top: $padding;
    }
    .padding-bottom {
        padding-bottom: $padding;
    }
    .padding-left {
        padding-left: $padding;
    }
    .padding-right {
        padding-right: $padding;
    }

    .padding-2x {
        padding: $padding * 2;
    }
    .padding-top-2x {
        padding-top: $padding * 2;
    }
    .padding-bottom-2x {
        padding-bottom: $padding * 2;
    }
    .padding-left-2x {
        padding-left: $padding * 2;
    }
    .padding-right-2x {
        padding-right: $padding * 2;
    }

    .padding-2x {
        padding: $padding * 2;
    }
    .padding-top-2x {
        padding-top: $padding * 2;
    }
    .padding-bottom-2x {
        padding-bottom: $padding * 2;
    }
    .padding-left-2x {
        padding-left: $padding * 2;
    }
    .padding-right-2x {
        padding-right: $padding * 2;
    }
    
    .padding-3x {
        padding: $padding * 3;
    }
    .padding-top-3x {
        padding-top: $padding * 3;
    }
    .padding-bottom-3x {
        padding-bottom: $padding * 3;
    }
    .padding-left-3x {
        padding-left: $padding * 3;
    }
    .padding-right-3x {
        padding-right: $padding * 3;
    }
    
    .padding-4x {
        padding: $padding * 4;
    }
    .padding-top-4x {
        padding-top: $padding * 4;
    }
    .padding-bottom-4x {
        padding-bottom: $padding * 4;
    }
    .padding-left-4x {
        padding-left: $padding * 4;
    }
    .padding-right-4x {
        padding-right: $padding * 4;
    }
    
    .padding-5x {
        padding: $padding * 5;
    }
    .padding-top-5x {
        padding-top: $padding * 5;
    }
    .padding-bottom-5x {
        padding-bottom: $padding * 5;
    }
    .padding-left-5x {
        padding-left: $padding * 5;
    }
    .padding-right-5x {
        padding-right: $padding * 5;
    }

}

@mixin border-radius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}

@mixin border-top-left-radius($radius) {
    -webkit-border-top-left-radius: $radius;
    -moz-border-top-left-radius: $radius;
    -ms-border-top-left-radius: $radius;
    -o-border-top-left-radius: $radius;
    border-top-left-radius: $radius;
}

@mixin border-bottom-left-radius($radius) {
    -webkit-border-bottom-left-radius: $radius;
    -moz-border-bottom-left-radius: $radius;
    -ms-border-bottom-left-radius: $radius;
    -o-border-bottom-left-radius: $radius;
    border-bottom-left-radius: $radius;
}

@mixin border-top-right-radius($radius) {
    -webkit-border-top-right-radius: $radius;
    -moz-border-top-right-radius: $radius;
    -ms-border-top-right-radius: $radius;
    -o-border-top-right-radius: $radius;
    border-top-right-radius: $radius;
}

@mixin border-bottom-right-radius($radius) {
    -webkit-border-bottom-right-radius: $radius;
    -moz-border-bottom-right-radius: $radius;
    -ms-border-bottom-right-radius: $radius;
    -o-border-bottom-right-radius: $radius;
    border-bottom-right-radius: $radius;
}

@mixin font-sizes($size) {

    /* == FONT SIZE == */

    .font-size-smallest {
        font-size: $size - 6px;
    }

    .font-size-small {
        font-size: $size - 4px;
    }

    .font-size-medium {
        font-size: $size - 2px;
    }

    .font-size-normal {
        font-size: $size;
    }

    .font-size-large {
        font-size: $size + 2px;
    }

    .font-size-xlarge {
        font-size: $size + 8px;
    }
}