//mixin
@mixin easeInOut($delay){
    transition: all $delay+s ease-in-out;
}

@mixin shadow(){
    box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, 0.1);
}


@mixin after($left,$top,$width,$height){
    position: absolute;
    content:"";
    left:$left;
    top:$top;
    width:$width;
    height:$height;
}

@mixin tags(){
    ul{
        li{
            background-color:$light-color;
            padding: 4px 11px;
            margin-bottom:5px;
            margin-right: 2px;
            border-radius: $rd-round;
            font-size: 13px;
            text-transform: capitalize;
            color:$text-color;
            font-weight: 700;
            a:hover{
                color:$text-color;
            }
        }
    }
}