init

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

@@ -0,0 +1,58 @@
+.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;
+}