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

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