blob: 703b91047205430ccd2938de31d9c9bde084da09 [file] [log] [blame]
Matteo Scandolofb46ae62017-08-08 09:10:50 -07001
2/*
3 * Copyright 2017-present Open Networking Foundation
4
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
8
9 * http://www.apache.org/licenses/LICENSE-2.0
10
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
16 */
17
18
Matteo Scandolo042ea632017-03-01 19:02:34 -080019@import '../vars';
20
Matteo Scandolobf4e8402019-06-24 12:22:49 -070021.loader-container {
22 height: 9em !important;
23}
24
Matteo Scandolo042ea632017-03-01 19:02:34 -080025.loader,
26.loader:before,
27.loader:after {
28 background: $color-accent;
29 animation: loaderAnimation 1s infinite ease-in-out;
30 width: 1em;
31 height: 4em;
32}
33.loader {
34 color: $color-accent;
35 text-indent: -9999em;
36 margin: 88px auto;
37 position: relative;
38 font-size: 11px;
39 transform: translateZ(0);
40 animation-delay: -0.16s;
41}
42.loader:before,
43.loader:after {
44 position: absolute;
45 top: 0;
46 content: '';
47}
48.loader:before {
49 left: -1.5em;
50 animation-delay: -0.32s;
51}
52.loader:after {
53 left: 1.5em;
54}
55
56@keyframes loaderAnimation {
57 0%,
58 80%,
59 100% {
60 box-shadow: 0 0;
61 height: 4em;
62 }
63 40% {
64 box-shadow: 0 -2em;
65 height: 5em;
66 }
67}