ecomp-portal-FE/client/app/styles/spinner.less

   1 /*-
   2  * ================================================================================
   3  * eCOMP Portal
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ================================================================================
  19  */
  20  .ecomp-spinner{
  21   background: url('../assets/images/spinner.gif') top left no-repeat;
  22   @height: 32px;
  23   @width: 32px;
  24
  25   width: @width;
  26   height: @height;
  27   position: absolute;
  28   top: 35%;
  29   left: ~"calc(50% - @{width}/2)";
  30 }
  31
  32 .ecomp-save-spinner{
  33   background: url('../assets/images/spinner.gif') top left no-repeat;
  34   @resize: 25px;
  35   width: @resize;
  36   height: @resize;
  37   background-size: @resize;
  38   position: absolute;
  39   left: -50px;
  40   top: 2px;
  41 }
  42
  43 .ecomp-small-spinner{
  44   background: url('../assets/images/spinner.gif') top left no-repeat;
  45   @resize: 25px;
  46   width: @resize;
  47   height: @resize;
  48   background-size: @resize;
  49   position: relative;
  50   display: inline-block;
  51   vertical-align: 2px;
  52   cursor: pointer;
  53   top: 6px;
  54   color: transparent;
  55   margin-left: 8px;
  56 }