File: /var/www/vhosts/creativefellows.nl/test.creativefellows.nl/liez/public/scss/_mixins.scss
/*
* Mixins
*/
@mixin font-for-header($font-weight:700) {
font-family: 'Lato', sans-serif;
font-weight: $font-weight;
}
@mixin font-for-body($font-weight:400) {
font-family: 'Lato', sans-serif;
font-weight: $font-weight;
}
@mixin button-with-icon(){
background-image: url(../images/button-pointer.svg);
background-size:1em auto;
background-repeat: no-repeat;
background-position:1em 50%;
padding-left:2.5em;
}
@mixin amimate-element($duration:0.3s){
-webkit-transition: all $duration;
-moz-transition: all $duration;
transition: all $duration;
}
@mixin vertical-center($position:50%){
top:$position;
transform:translateY(-$position);
}
@mixin box-shadow($opacity:0.25,$size:1em,$x:0,$y:0){
box-shadow: $x $y $size rgba(0,0,0,$opacity);
}
@mixin text-shadow($opacity:0.25,$size:1em){
text-shadow: 0.25rem 0.25rem $size rgba(0,0,0,$opacity);
}