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

/*-
 * ================================================================================
 * eCOMP Portal
 * ================================================================================
 * Copyright (C) 2017 AT&T Intellectual Property
 * ================================================================================
 * 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.
 * ================================================================================
 */
 .ecomp-spinner{
  background: url('../assets/images/spinner.gif') top left no-repeat;
  @height: 32px;
  @width: 32px;

  width: @width;
  height: @height;
  position: absolute;
  top: 35%;
  left: ~"calc(50% - @{width}/2)";
}

.ecomp-save-spinner{
  background: url('../assets/images/spinner.gif') top left no-repeat;
  @resize: 25px;
  width: @resize;
  height: @resize;
  background-size: @resize;
  position: absolute;
  left: -50px;
  top: 2px;
}

.ecomp-small-spinner{
  background: url('../assets/images/spinner.gif') top left no-repeat;
  @resize: 25px;
  width: @resize;
  height: @resize;
  background-size: @resize;
  position: relative;
  display: inline-block;
  vertical-align: 2px;
  cursor: pointer;
  top: 6px;
  color: transparent;
  margin-left: 8px;
}