github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

[sass/mixins] move kibanaFullScreenGraphics keyframes to mixin (#29897)

Browse source
This commit is contained in:
Spencer 2019-02-03 23:07:00 -08:00 • committed by GitHub
parent 1c09fe70fd
commit daf19f8a5a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/legacy/core_plugins/kibana/public/home/components/_welcome.scss
View file

@ -27,14 +27,3 @@
padding-right: $euiSizeXL;
z-index: 10;
}
@keyframes homWelcome_FadeIn {
from {
opacity: 0;
transform: translateY(200px), scale(0.75);
}
to {
opacity: 1;
transform: translateY(0), scale(1);
}
}

14
src/ui/public/styles/_mixins.scss
View file

@ -65,7 +65,7 @@
background-image: linear-gradient(0deg, $euiColorLightestShade 0%, $euiColorEmptyShade 100%);
opacity: 0;
overflow: auto;
animation: loginWelcome_FadeIn $euiAnimSpeedExtraSlow $euiAnimSlightResistance 0s forwards;
animation: kibanaFullScreenGraphics_FadeIn $euiAnimSpeedExtraSlow $euiAnimSlightResistance 0s forwards;
&::before {
position: absolute;
@ -86,4 +86,16 @@
height: 880px;
content: url(lightOrDarkTheme('ui/assets/images/bg_bottom_branded.svg', 'ui/assets/images/bg_bottom_branded_dark.svg'));
}
@keyframes kibanaFullScreenGraphics_FadeIn {
from {
opacity: 0;
transform: translateY(200px), scale(.75);
}
to {
opacity: 1;
transform: translateY(0), scale(1);
}
}
}

12
x-pack/plugins/security/public/views/logged_out/_logged_out.scss
View file

@ -24,15 +24,3 @@
padding-right: $euiSizeXL;
z-index: 10;
}
@keyframes loggedOut_FadeIn {
from {
opacity: 0;
transform: translateY(200px), scale(.75);
}
to {
opacity: 1;
transform: translateY(0), scale(1);
}
}

14
x-pack/plugins/security/public/views/login/_login.scss
View file

@ -32,17 +32,3 @@
max-width: 700px;
}
}
@keyframes loginWelcome_FadeIn {
from {
opacity: 0;
transform: translateY(200px), scale(.75);
}
to {
opacity: 1;
transform: translateY(0), scale(1);
}
}