HOME

/**
 * @file styles/utils.less
 *
 * Copyright (c) 2014-2021 Simon Fraser University
 * Copyright (c) 2003-2021 John Willinsky
 * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
 *
 * @brief Mix-ins, animations and other utilities
 *
 */

// border-box all the things for your health and wellbeing
// https://css-tricks.com/international-box-sizing-awareness-day/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

// Mix-ins
.transition(@transition) {
	-webkit-transition: @transition;
	-moz-transition: @transition;
	-ms-transition: @transition;
	-o-transition: @transition;
	transition: @transition;
}

.transform (@transform) {
	transform: @transform;
	-webkit-transform: @transform;
	-moz-transform: @transform;
	-o-transform: @transform;
}

.animation(@animation) {
	-webkit-animation: @animation;
	-moz-animation: @animation;
	-ms-animation: @animation;
	-o-animation: @animation;
	animation: @animation;
}

// Animations
@keyframes pkp_spin {
	0% {
		.transform(rotateZ(-360deg));
	}
	100% {
		.transform(rotateZ(0deg));
	}
}

@-webkit-keyframes pkp_spin {
	0% {
		.transform(rotateZ(-360deg));
	}
	100% {
		.transform(rotateZ(0deg));
	}
}

@-moz-keyframes pkp_spin {
	0% {
		.transform(rotateZ(-360deg));
	}
	100% {
		.transform(rotateZ(0deg));
	}
}

@-o-keyframes pkp_spin {
	0% {
		.transform(rotateZ(-360deg));
	}
	100% {
		.transform(rotateZ(0deg));
	}
}