Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gitlab-ce
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
Léo-Paul Géneau
gitlab-ce
Commits
bc69b934
Commit
bc69b934
authored
Jan 02, 2019
by
Paul Slaughter
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Add gl-spinner animation class
parent
eab7e3c8
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
22 additions
and
0 deletions
+22
-0
app/assets/stylesheets/framework/animations.scss
app/assets/stylesheets/framework/animations.scss
+22
-0
No files found.
app/assets/stylesheets/framework/animations.scss
View file @
bc69b934
...
@@ -260,3 +260,25 @@ $skeleton-line-widths: (
...
@@ -260,3 +260,25 @@ $skeleton-line-widths: (
.slide-down-leave-to
{
.slide-down-leave-to
{
transform
:
translateY
(
-30%
);
transform
:
translateY
(
-30%
);
}
}
@keyframes
spin
{
0
%
{
transform
:
rotate
(
0deg
);}
100
%
{
transform
:
rotate
(
360deg
);}
}
/** COMMON ANIMATION CLASSES **/
.transform-origin-center
{
@include
webkit-prefix
(
transform-origin
,
50%
50%
);
}
.animate-n-spin
{
@include
webkit-prefix
(
animation-name
,
spin
);
}
.animate-c-infinite
{
@include
webkit-prefix
(
animation-iteration-count
,
infinite
);
}
.animate-t-linear
{
@include
webkit-prefix
(
animation-timing-function
,
linear
);
}
.animate-d-1
{
@include
webkit-prefix
(
animation-duration
,
1s
);
}
.animate-d-2
{
@include
webkit-prefix
(
animation-duration
,
2s
);
}
/** COMPOSITE ANIMATION CLASSES **/
.gl-spinner
{
@include
webkit-prefix
(
animation-name
,
spin
);
@include
webkit-prefix
(
animation-iteration-count
,
infinite
);
@include
webkit-prefix
(
animation-timing-function
,
linear
);
@include
webkit-prefix
(
animation-duration
,
1s
);
transform-origin
:
50%
50%
;
}
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment