mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-29 22:01:49 +03:00
44 lines
795 B
CSS
44 lines
795 B
CSS
|
/* Overrides for SVG icons that need different fill/stroke styles
|
||
|
/* -------------------------------------------------------------------------- */
|
||
|
|
||
|
.gh-icon-user {
|
||
|
stroke: none;
|
||
|
}
|
||
|
|
||
|
.gh-icon-spinner {
|
||
|
stroke: #fff;
|
||
|
}
|
||
|
|
||
|
/*
|
||
|
/* Animated icons
|
||
|
/* ---------------------------------------------------------- */
|
||
|
|
||
|
/* Success icon */
|
||
|
|
||
|
path.animated-check-circle {
|
||
|
stroke: white;
|
||
|
stroke-dashoffset: 300;
|
||
|
stroke-dasharray: 300;
|
||
|
animation: dash 4s ease-out forwards;
|
||
|
}
|
||
|
|
||
|
@keyframes dash {
|
||
|
0% {
|
||
|
stroke-dashoffset: 300;
|
||
|
}
|
||
|
100% {
|
||
|
stroke-dashoffset: 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Failure icon */
|
||
|
|
||
|
svg.retry-animated {
|
||
|
animation: rotate-360 0.5s ease-in-out forwards;
|
||
|
}
|
||
|
|
||
|
@keyframes rotate-360 {
|
||
|
0% { transform: rotate(0deg); }
|
||
|
100% { transform: rotate(360deg); }
|
||
|
}
|