|
|
@@ -50,7 +50,9 @@
|
|
|
|
|
|
.panel-alert-state {
|
|
|
&--alerting {
|
|
|
- animation: alerting-panel 2s 0s infinite;
|
|
|
+ background-color: mix($critical,$panel-bg, 3%);
|
|
|
+ animation: alerting-panel 1.6s cubic-bezier(1,.1,.73,1) 0s infinite alternate;
|
|
|
+ box-shadow: 0 0 10px rgba($critical,0.5);
|
|
|
opacity: 1;
|
|
|
|
|
|
.panel-alert-icon:before {
|
|
|
@@ -69,15 +71,7 @@
|
|
|
}
|
|
|
|
|
|
@keyframes alerting-panel {
|
|
|
- 0% {
|
|
|
- box-shadow: none;
|
|
|
- }
|
|
|
- 50% {
|
|
|
- box-shadow: 0 0 10px $critical;
|
|
|
- }
|
|
|
100% {
|
|
|
- box-shadow: none;
|
|
|
+ box-shadow: 0 0 15px $critical;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-
|