HEX
Server: Apache
System: Linux v38079.2is.nl 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User: democfellows (10015)
PHP: 8.1.34
Disabled: opcache_get_status
Upload Files
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);
}