scss 混入

Posted 2021-05-18

@mixin bg-center {
	@include kp-bg-size(cover);
	background-repeat: no-repeat;
	background-position: center center;
}

@mixin v-align {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

@mixin gradient($from, $to) {
	background: $from;
	background: -moz-linear-gradient(-45deg, $from 0%, $to 100%);
	background: -webkit-linear-gradient(-45deg, $from 0%, $to 100%);
	background: linear-gradient(135deg, $from 0%, $to 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
}

@mixin on-event($self: false) {
	@if $self {
		&,
		&:hover,
		&:active,
		&:focus {
			@content;
		}
	}

	@else {
		&:hover,
		&:active,
		&:focus {
			@content;
		}
	}
}