portal-FE-common/src/styles/_spinner.scss

/*-
 * ============LICENSE_START==========================================
 * ONAP Portal
 * ===================================================================
 * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
 * ===================================================================
 *
 * Unless otherwise specified, all software contained herein is licensed
 * under the Apache License, Version 2.0 (the "License");
 * you may not use this software 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.
 *
 * Unless otherwise specified, all documentation contained herein is licensed
 * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
 * you may not use this documentation except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *             https://creativecommons.org/licenses/by/4.0/
 *
 * Unless required by applicable law or agreed to in writing, documentation
 * 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.
 *
 * ============LICENSE_END============================================
 *
 * 
 */
.onap-spinner {
    background: url('../assets/images/spinner.gif') top left no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 35%;
    left: calc(50% - 32px/2);
}
.onap-save-spinner {
    background: url('../assets/images/spinner.gif') top left no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    position: absolute;
    left: -50px;
    top: 2px;
}
.onap-small-spinner {
    background: url('../assets/images/spinner.gif') top left no-repeat;
    width: 25px;
    height: 25px;
    background-size: 25px;
    position: relative;
    display: inline-block;
    vertical-align: 2px;
    cursor: pointer;
    top: 6px;
    color: transparent;
    margin-left: 8px;
}