/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13-May-2017, 13:04:39
    Author     : mansa
*/

@import 'fonts';

$clr_black : black;
$clr_white : white; 

$wrapper_width : 1000px;

$font_1 :  'Roboto', sans-serif;
$font_2 : 'Tajawal', sans-serif;

$grid_size :  (100% / 5);

@mixin clearfix{
    &:after{
        clear: both;
        display: block;
        content: ' '; 
    }
}

@mixin v-h-center{
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

@mixin v-center{
    top: 50%;
    transform: translateY(-50%);
}
@mixin h-center{
    left: 50%;
    transform: translateX(-50%);
}

@mixin delay($val){
    transition: $val all;
    -webkit-transition: $val all;
}

@mixin animation($name,$time,$delay,$count){
    -webkit-animation-name: $name; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: $time; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: $delay;
    animation-name: $name;
    animation-duration: $time;
    animation-delay: $delay;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-iteration-count: $count; 
    -webkit-animation-iteration-count: $count;
}

@mixin placeholder {    
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        @content;
    } 
    ::-moz-placeholder { /* Firefox 19+ */
        @content;
    }
    :-ms-input-placeholder { /* IE 10+ */
        @content;
    }
    :-moz-placeholder { /* Firefox 18- */
        @content;
    }
}