anissah/user/plugins/admin/themes/grav/scss/template/_extensions.scss

.default-animation {
    @include transition(all 0.5s ease);
}

// Pulse Animation
.pulse {
	animation-name: pulse_animation;
	animation-duration: 2000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

.default-border-radius {
    border-radius: 4px;
}

.default-glow-shadow {
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.default-box-shadow {
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.03);
}

.login-box-shadow {
	box-shadow: 0 10px 100px 0px rgba(0,0,0,0.4);
}

.padding-horiz {
	padding-left: $padding-horiz;
	padding-right: $padding-horiz;
	@include breakpoint(desktop-only) {
		padding-left: $padding-horiz - 3rem;
		padding-right: $padding-horiz - 3rem;
	}

	@include breakpoint(mobile-only) {
		padding-left: $padding-horiz - 6rem;
		padding-right: $padding-horiz - 6rem;
	}
}

.padding-vert {
	padding-top: $padding-vert;
	padding-bottom: $padding-vert;
}