xref: /aosp_15_r20/external/perfetto/ui/src/assets/widgets/spinner.scss (revision 6dbdd20afdafa5e3ca9b8809fa73465d530080dc)
1// Copyright (C) 2023 The Android Open Source Project
2//
3// Licensed under the Apache License, Version 2.0 (the "License");
4// you may not use this file except in compliance with the License.
5// You may obtain a copy of the License at
6//
7//      http://www.apache.org/licenses/LICENSE-2.0
8//
9// Unless required by applicable law or agreed to in writing, software
10// distributed under the License is distributed on an "AS IS" BASIS,
11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12// See the License for the specific language governing permissions and
13// limitations under the License.
14
15@import "theme";
16
17@keyframes pf-spinner-rotation {
18  from {
19    transform: rotate(0deg);
20  }
21
22  to {
23    transform: rotate(360deg);
24  }
25}
26
27.pf-spinner {
28  display: inline-block;
29  width: 1em;
30  height: 1em;
31  border: solid 0.1em lightgray;
32  border-top: solid 0.1em $pf-primary-background;
33  border-radius: 50%;
34  animation: pf-spinner-rotation 1s infinite linear;
35
36  &.easing {
37    animation-timing-function: ease-in-out;
38  }
39}
40