/*!
 * Copyright (c) 2018.  JAGFx
 * @author: SMITH Emmanuel
 * @version: 2.0.0
 */
@import "variables";
@import "../core";


@media (max-width: 768px) {
	.formJS .alert .info {
		> h4 { padding: 0 1rem 0 1rem; }
		> p { padding: 0 1rem 1rem 1rem; }
	}
}


@media (min-width: 768px) {
	.formJS .alert .ico { min-width: 5rem; }
	.formJS .alert .info {
		> h4 { padding: 1.25rem 1rem 0 0; }
		> p { padding: 0 1rem 1rem 0; }
	}
}


.formJS {
	.alert {
		border-bottom: 6px solid transparent;
		
		&.formjs-success {
			.ico { color: $cSuccess; }
			.info > h4 { color: $cSuccess; }
			
			border-bottom-color: $cSuccess;
		}
		
		&.formjs-info {
			.ico { color: $cInfo; }
			.info > h4 { color: $cInfo; }
			
			border-bottom-color: $cInfo;
		}
		
		&.formjs-warning {
			.ico { color: $cWarning; }
			.info > h4 { color: $cWarning; }
			
			border-bottom-color: $cWarning;
		}
		
		&.formjs-error {
			.ico { color: $cError; }
			.info > h4 { color: $cError; }
			
			border-bottom-color: $cError;
		}
	}
}