// // Alerts // -------------------------------------------------- .alert { position: fixed; right: 15px; left: 15px; bottom: $bar-tab-height + 15px; padding: 15px; color: #fff; border-radius: 3px; z-index: 10; @include transition(opacity); @include transition-duration(.5s); @include transition-timing-function(linear); .close { position: relative; top: -2px; float: right; cursor: pointer; @include transition(opacity); @include transition-duration(.2s); @include transition-timing-function(linear); &:active { opacity: .6; } } &.dismiss { opacity: 0; } } // Positive alert (Default color is green) .alert-positive { background-color: transparentize($positive-color, .03); } // Negative alert (Default color is red) .alert-negative { background-color: transparentize($negative-color, .03); } // Inline alert .alert-inline { position: static; margin: 15px; }