e22eb668c4
refs TryGhost/Ghost#7865 💄 refactor signup to use ember-concurrency refs https://github.com/TryGhost/Ghost/issues/7865 - moves authentication actions from `signup` route to controller - refactors authentication and signup logic into EC tasks - replaces use of `gh-spin-button` with `gh-task-button` in signup template 💄 refactor setup screens to use ember-concurrency refs https://github.com/TryGhost/Ghost/issues/7865 - moves authentication actions from `setup/two` route to controller - refactors authentication and setup logic into EC tasks - replaces use of `gh-spin-button` with `gh-task-button` - fixes some styling issues with the new SVG icons - adds `app/styles/patterns/icons.css` back to contain per-icon overrides and animations (some SVGs use fills and others use strokes so we sometimes have conflicting styles)
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); }
|
|
}
|