// Provides any animation or transition type effects for BP elements
// @version 3.0.0

// Fade in hover transition
#buddypress-wrap {

	* {
		transition: opacity 0.1s ease-in-out 0.1s;
	}

	button,
	a.generic-button,
	a.button,
	input[type="submit"],
	input[type="reset"] {
		transition: background 0.1s ease-in-out 0.1s, color 0.1s ease-in-out 0.1s, border-color 0.1s ease-in-out 0.1s;
	}

}

// Historical animation sequence for ajax loading effects.
// Ajax Animations and styles
// scss-lint:disable VendorPrefix
.buddypress-wrap {

	a.loading,
	button.loading,
	input.loading {
		animation: loader-pulsate 0.5s infinite ease-in-out alternate;
		border-color: #aaa;
	}

	@keyframes loader-pulsate {

		from {
			border-color: $border-color-from;
			box-shadow: 0 0 16px $shadow-color-from;
		}

		to {
			border-color: $border-color-to;
			box-shadow: 0 0 16px $shadow-color-to;
		}
	}

	// a.loading:hover,
	// input.loading:hover {
	// 	color: #777;
	// }

}

.dark-skin .buddypress-wrap{
	a.loading,
	button.loading,
	input.loading {
		animation: dark-loader-pulsate 0.5s infinite ease-in-out alternate;
	}

	@keyframes dark-loader-pulsate {

		from {
			border-color: #333;
			box-shadow: 0 0 6px #000;
		}

		to {
			border-color: #333;
			box-shadow: 0 0 6px #333;
		}
	}
}
// scss-lint:enable VendorPrefix