6aab3e07b6fd60ae302942cdcbd3c4cb94838630
[aai/sparky-fe.git] / resources / scss / components / _buttons.scss
1 /**
2  * ============LICENSE_START=======================================================
3  * org.onap.aai
4  * ================================================================================
5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
6  * Copyright © 2017 Amdocs
7  * ================================================================================
8  * Licensed under the Apache License, Version 2.0 (the "License");
9  * you may not use this file except in compliance with the License.
10  * You may obtain a copy of the License at
11  *
12  *       http://www.apache.org/licenses/LICENSE-2.0
13  *
14  * Unless required by applicable law or agreed to in writing, software
15  * distributed under the License is distributed on an "AS IS" BASIS,
16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17  * See the License for the specific language governing permissions and
18  * limitations under the License.
19  * ============LICENSE_END=========================================================
20  *
21  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
22  */
23
24
25 $plus-circle-icon-size: 18px;
26 .plus-icon-button {
27   background: url($plus-circle-icon) no-repeat;
28   background-size: $plus-circle-icon-size;
29   width: $plus-circle-icon-size;
30   height: $plus-circle-icon-size;
31   cursor: pointer;
32   &.small {
33     background-size: $plus-circle-icon-size - 6;
34     width: $plus-circle-icon-size - 6;
35     height: $plus-circle-icon-size - 6;
36   }
37 }
38
39 .primary-btn{
40   border: 1px solid;
41   border-color: $blue;
42   color: $blue;
43   font-weight: bolder;
44   @extend .body-1;
45   text-align: center;
46   padding: 7px;
47   border-radius: 5px;
48   cursor: pointer;
49   align-self: center;
50   background-color: $white;
51   .primary-btn-text {
52     width: 100%;
53   }
54   &:hover {
55     color: $blue;
56     border-color: $blue;
57     background-color: $tlv-hover;
58     &:active {
59       color: $blue;
60       border-color: $blue;
61     }
62   }
63
64   &:focus:not(:hover) {
65     color: $blue;
66     border-color: $blue;
67     background-color: $white;
68   }
69 }

© 2017 ONAP. Copyright © The Linux Foundation ®. All Rights Reserved.
The Linux Foundation has registered trademarks and uses trademarks.
For a list of trademarks of The Linux Foundation, please see our Trademark Usage page.
Linux is a registered trademark of Linus Torvalds.
Privacy Policy and Terms of Use