1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-28 18:08:08 +00:00

Removed loader styles

This commit is contained in:
Vladimir Volek 2018-08-27 16:58:55 +02:00
parent 628da000e9
commit 84f61b20c0
2 changed files with 1 additions and 90 deletions

View File

@ -14,5 +14,4 @@
@import './notification.less';
@import './inputs.less';
@import './loader.less';
@import './inputs.less';

View File

@ -1,88 +0,0 @@
.loader-circle {
position: relative;
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
p {
position: absolute;
//margin: auto;
//line-height: 100%;
color: @color_text_secondary;
}
.circular {
width: 100%;
height: 100%;
animation: rotate 2s linear infinite;
transform-origin: center center;
position: absolute;
.route {
stroke: @color_gray_light;
}
.path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
stroke-linecap: round;
}
}
&.info {
.path {
animation: dash 1.5s ease-in-out infinite, colorInfo 6s ease-in-out infinite;
}
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124;
}
}
@keyframes color {
100%, 0% {
stroke: @color_green_primary;
}
40% {
stroke: @color_green_primary;
}
66% {
stroke: @color_green_secondary;
}
80%, 90% {
stroke: @color_green_tertiary;
}
}
@keyframes colorInfo {
100%, 0% {
stroke: @color_info_primary;
}
40% {
stroke: @color_info_primary;
}
66% {
stroke: @color_info_primary;
}
80%, 90% {
stroke: @color_info_primary;
}
}