diff options
author | Bryce Johnson <bryce@gitlab.com> | 2017-03-23 12:23:04 -0400 |
---|---|---|
committer | Bryce Johnson <bryce@gitlab.com> | 2017-03-23 12:23:04 -0400 |
commit | dc58f90f4b02766c5e5b66a9e9bf6214ad8dbf4f (patch) | |
tree | 3a17c161d5d6cc1484429a9ec1f47c53d333c21d | |
parent | d576fd82333c79b3f056f26f79e85c0eceb5704b (diff) | |
download | gitlab-ce-pretty-spinner.tar.gz |
Add initial version of new spinner animation css.pretty-spinner
-rw-r--r-- | app/assets/stylesheets/framework/animations.scss | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/animations.scss b/app/assets/stylesheets/framework/animations.scss index 90935b9616b..6d034abf0ec 100644 --- a/app/assets/stylesheets/framework/animations.scss +++ b/app/assets/stylesheets/framework/animations.scss @@ -145,3 +145,55 @@ a { .dropdown-menu-nav a { transition: none; } + +.spinner-new { + height: 20px; + width: 20px; + margin: 94px auto 0 auto; + position: relative; + -webkit-animation: rotation .8s infinite linear; + -moz-animation: rotation .8s infinite linear; + -o-animation: rotation .8s infinite linear; + animation: rotation .8s infinite linear; + border-left: 3px solid rgba(226,67,41, .2); + border-right: 3px solid rgba(226,67,41, .2); + border-bottom: 3px solid rgba(226,67,41, .2); + border-top: 3px solid rgba(226,67,41, .8); + border-radius: 100%; +} + +@-webkit-keyframes rotation { + from { + -webkit-transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + } +} + +@-moz-keyframes rotation { + from { + -moz-transform: rotate(0deg); + } + to { + -moz-transform: rotate(359deg); + } +} + +@-o-keyframes rotation { + from { + -o-transform: rotate(0deg); + } + to { + -o-transform: rotate(359deg); + } +} + +@keyframes rotation { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +}
\ No newline at end of file |