ecomp-portal-FE-common/client/app/styles/buttons.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  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38  .ecomp-btn {
  39     .white14m;
  40     border-style: solid;
  41     border-width: 1px;
  42     border-radius: 6px;
  43     box-shadow: 0px 1px 0.99px 0.01px rgba(2, 60, 89, 0.004);
  44     height: 29px;
  45     line-height: 29px;
  46     cursor: pointer;
  47     text-align: center;
  48
  49     &:disabled {
  50         opacity: .5;
  51         cursor: default;
  52     }
  53     &:focus {
  54         outline: 0;
  55         border: 1px solid @funcRed;
  56     }
  57 }
  58 .btn-green {
  59     .ecomp-btn;
  60     border-color: @green-border;
  61     background: @green-active;
  62     &:hover {
  63         &:disabled {
  64             background: @green-active;
  65         }
  66         background: @green-hover;
  67     }
  68 }
  69 .btn-blue {
  70     .ecomp-btn;
  71     //border-color: @blue-border;
  72     background: @blue-active;
  73
  74     &:hover {
  75         -webkit-transition: background-color .3s ease-out;
  76         -moz-transition: background-color .3s ease-out;
  77         transition: background-color .3s ease-out;
  78         background: @blue-hover;
  79         color : @funcBkgGray;
  80         &.disabled {
  81             background: @blue-active;
  82             opacity: 0.5;
  83             cursor: default;
  84         }
  85     }
  86
  87     &.disabled {
  88         opacity: 0.5;
  89         cursor: default;
  90     }
  91 }