///*------------------------------------*\
//    #TOOLS-MIXINS
//\*------------------------------------*/

// Font awesome mixin
@mixin mdi() {
    display: inline-block;
    font: normal normal normal 14px/1 md-icons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}





// Z-depth mixin
@mixin z-depth($z-depth) {
	@if $z-depth == 1 {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	} @elseif $z-depth == 2 {
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
	} @elseif $z-depth == 3 {
        box-shadow: 0 9px 18px rgba(0, 0, 0, 0.5);
    }
}