xref: /aosp_15_r20/external/perfetto/ui/src/assets/widgets/spinner.scss (revision 6dbdd20afdafa5e3ca9b8809fa73465d530080dc)

// Copyright (C) 2023 The Android Open Source Project
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

@import "theme";

@keyframes pf-spinner-rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.pf-spinner {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: solid 0.1em lightgray;
  border-top: solid 0.1em $pf-primary-background;
  border-radius: 50%;
  animation: pf-spinner-rotation 1s infinite linear;

  &.easing {
    animation-timing-function: ease-in-out;
  }
}