Move Ei Card as part of EI coordinator module
[portal/nonrtric-controlpanel.git] / webapp-frontend / src / app / ei-coordinator / ei-card / ei-card.component.scss
1 /*-\r
2  * ========================LICENSE_START=================================\r
3  * O-RAN-SC\r
4  * %%\r
5  * Copyright (C) 2019 Nordix Foundation\r
6  * %%\r
7  * Licensed under the Apache License, Version 2.0 (the "License");\r
8  * you may not use this file except in compliance with the License.\r
9  * You may obtain a copy of the License at\r
10  *\r
11  *      http://www.apache.org/licenses/LICENSE-2.0\r
12  *\r
13  * Unless required by applicable law or agreed to in writing, software\r
14  * distributed under the License is distributed on an "AS IS" BASIS,\r
15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
16  * See the License for the specific language governing permissions and\r
17  * limitations under the License.\r
18  * ========================LICENSE_END===================================\r
19  */\r
20  .ei__card {\r
21     background-color: #ffffff;\r
22     box-shadow: 0 0 2rem rgba(0, 0, 255, 0.1);\r
23     display: grid;\r
24     grid-template-columns: 1fr;\r
25     grid-template-rows: 1fr 1fr;\r
26     padding: 2rem;\r
27     margin: 2rem;\r
28     width: 19rem;\r
29     height: 30rem;\r
30     justify-items: center;\r
31     cursor: pointer;\r
32     border-radius: 1.75rem;\r
33     animation: fadein 1.25s ease-in-out 0ms 1;\r
34     color: #443282;\r
35   }\r
36 \r
37   .add__card-dark {\r
38     background: linear-gradient(to bottom, rgb(78, 78, 129), rgb(45, 44, 61));\r
39     color: white;\r
40   }\r
41 \r
42   .card__title {\r
43     text-transform: uppercase;\r
44     letter-spacing: 0.1rem;\r
45   }\r
46 \r
47   .body__container {\r
48     align-self: end;\r
49     display: flex;\r
50     justify-content: space-between;\r
51     align-items: center;\r
52     flex-flow: column;\r
53   }\r
54 \r
55   .add__icon {\r
56     width: 10rem;\r
57     margin-bottom: 1.15rem;\r
58   }