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


@media (min-width: 768px) {
	.formJS .alert .ico { min-width: 5rem; }
}


.formJS {
	.alert {
		&.formjs-success {
			.ico {
				background: linear-gradient(to bottom right, $cSuccessDark, $cSuccessLight);
				color:      lighten($cLight, 100%);
				
				> * {
					text-shadow: 2px 2px .5rem $cShadowDark;
				}
			}
			.info { background: $cAlert; }
			.info > h4 { color: $cSuccessDark; }
		}
		
		&.formjs-info {
			.ico {
				background: linear-gradient(to bottom right, $cInfoDark, $cInfoLight);
				color:      lighten($cLight, 100%);
				
				> * {
					text-shadow: 2px 2px .5rem $cShadowDark;
				}
			}
			.info { background: $cAlert; }
			.info > h4 { color: $cInfoDark; }
		}
		
		&.formjs-warning {
			.ico {
				background: linear-gradient(to bottom right, $cWarningDark, $cWarningLight);
				color:      lighten($cLight, 100%);
				
				> * {
					text-shadow: 2px 2px .5rem $cShadowDark;
				}
			}
			.info { background: $cAlert; }
			.info > h4 { color: $cWarningDark; }
		}
		
		&.formjs-error {
			.ico {
				background: linear-gradient(to bottom right, $cErrorDark, $cErrorLight);
				color:      lighten($cLight, 100%);
				
				> * {
					text-shadow: 2px 2px .5rem $cShadowDark;
				}
			}
			.info { background: $cAlert; }
			.info > h4 { color: $cErrorDark; }
		}
	}
}