diff options
Diffstat (limited to 'plugins/jetpack/css/jetpack-admin.css')
| -rw-r--r-- | plugins/jetpack/css/jetpack-admin.css | 51 |
1 files changed, 49 insertions, 2 deletions
diff --git a/plugins/jetpack/css/jetpack-admin.css b/plugins/jetpack/css/jetpack-admin.css index e92d100c..8f8a802e 100644 --- a/plugins/jetpack/css/jetpack-admin.css +++ b/plugins/jetpack/css/jetpack-admin.css @@ -70,7 +70,7 @@ } } -@keyframes "candy" { +@keyframes jetpack-candy { 0% { transform: scale(1); } @@ -85,6 +85,24 @@ } } +@keyframes jetpack-loading-fade { + 0% { + opacity: .5; + } + 50% { + opacity: 1; + } + 100% { + opacity: .5; + } +} + +@keyframes jetpack-rotate { + to { + transform: rotate(1turn); + } +} + .button, .download-jetpack { transition: all .1s ease-in-out; @@ -221,6 +239,35 @@ } } +.jp-spinner { + display: flex; + align-items: center; +} + +.jp-spinner__inner, +.jp-spinner__outer { + margin: auto; + box-sizing: border-box; + border: .1em solid transparent; + border-radius: 50%; + border-top-color: #00aadc; + animation: 3s linear infinite; + animation-name: jetpack-rotate; +} + +.jp-spinner__outer { + width: 20px; + height: 20px; + font-size: 20px; +} + +.jp-spinner__inner { + width: 100%; + height: 100%; + border-right-color: #00aadc; + opacity: .4; +} + @font-face { font-family: 'automatticons'; src: url("../_inc/fonts/automatticons/automatticons.eot"); @@ -751,7 +798,7 @@ } .footer .a8c-attribution a:hover:after { - animation: candy .4s ease-in-out; + animation: jetpack-candy .4s ease-in-out; } @media (min-width: 782px) { |