/*! * 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: transparentize($cSuccess, $amountDarken); color: darken($cSuccess, 19%); } .info { background: lighten($cSuccess, 49%); } .info > h4 { color: darken($cSuccess, 19%); } } &.formjs-info { .ico { background: transparentize($cInfo, $amountDarken); color: darken($cInfo, 19%); } .info { background: lighten($cInfo, 40%); } .info > h4 { color: darken($cInfo, 19%); } } &.formjs-warning { .ico { background: transparentize($cWarning, $amountDarken); color: darken($cWarning, 25%); } .info { background: lighten($cWarning, 40%); } .info > h4 { color: darken($cWarning, 25%); } } &.formjs-error { .ico { background: transparentize($cError, $amountDarken); color: darken($cError, 25%); } .info { background: lighten($cError, 39%); } .info > h4 { color: darken($cError, 25%); } } } }