/** * ============LICENSE_START======================================================= * org.onap.aai * ================================================================================ * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved. * Copyright © 2017-2018 Amdocs * ================================================================================ * 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. * ============LICENSE_END========================================================= */ $plus-circle-icon-size: 18px; .plus-icon-button { background: url($plus-circle-icon) no-repeat; background-size: $plus-circle-icon-size; width: $plus-circle-icon-size; height: $plus-circle-icon-size; cursor: pointer; &.small { background-size: $plus-circle-icon-size - 6; width: $plus-circle-icon-size - 6; height: $plus-circle-icon-size - 6; } } .primary-btn{ border: 1px solid; border-color: $border-color3; color: $text-color4; font-weight: bolder; @extend .body-1; text-align: center; padding: 7px; border-radius: 5px; cursor: pointer; align-self: center; background-color: $primary-background-color; .primary-btn-text { width: 100%; } &:hover { color: $background-color5; border-color: $border-color3; background-color: $background-color12; &:active { color: $background-color5; border-color: $border-color3; } } &:focus:not(:hover) { color: $background-color5; border-color: $border-color3; background-color: $primary-background-color; } }