header updates
parent
7796c9269c
commit
6fe5a93a73
@ -1,27 +1,28 @@
|
|||||||
@import "../vanilla/header";
|
@import "../vanilla/header";
|
||||||
|
|
||||||
|
.header {
|
||||||
|
//glowing animation for active state
|
||||||
|
.dropdown-toggle {
|
||||||
|
i {
|
||||||
|
@-webkit-keyframes glow
|
||||||
|
{
|
||||||
|
from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
|
||||||
|
50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
|
||||||
|
to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
|
||||||
|
}
|
||||||
|
@keyframes glow
|
||||||
|
{
|
||||||
|
from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
|
||||||
|
50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
|
||||||
|
to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
|
||||||
|
}
|
||||||
|
|
||||||
//glowing animation for active state
|
&.active {
|
||||||
.dropdown-toggle {
|
color: #558;
|
||||||
i {
|
text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf;
|
||||||
@-webkit-keyframes glow
|
-webkit-animation:glow 1.5s infinite linear;
|
||||||
{
|
animation:glow 1.5s infinite linear;
|
||||||
from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
|
}
|
||||||
50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
|
|
||||||
to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
|
|
||||||
}
|
|
||||||
@keyframes glow
|
|
||||||
{
|
|
||||||
from {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
|
|
||||||
50% {text-shadow: 0 0 10px #aaf, 0 0 10px #aaf, 0 0 10px #aaf;}
|
|
||||||
to {text-shadow: 0 0 5px #aaf, 0 0 5px #aaf, 0 0 5px #aaf;}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
color: #558;
|
|
||||||
text-shadow: 0 0 1em #aaf, 0 0 1em #aaf, 0 0 1em #aaf;
|
|
||||||
-webkit-animation:glow 1.5s infinite linear;
|
|
||||||
animation:glow 1.5s infinite linear;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue