4 * Copyright 2016 RIFT.IO Inc
6 * Licensed under the Apache License, Version 2.0 (the "License");
7 * you may not use this file except in compliance with the License.
8 * You may obtain a copy of the License at
10 * http://www.apache.org/licenses/LICENSE-2.0
12 * Unless required by applicable law or agreed to in writing, software
13 * distributed under the License is distributed on an "AS IS" BASIS,
14 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 * See the License for the specific language governing permissions and
16 * limitations under the License.
20 @import '../../style/colors.scss';
23 background-color: $white;
27 [data-open-close-icon] {
36 background-size: 20px 20px;
37 background-repeat: no-repeat;
38 background-position: center center;
39 /* background-image required in order for background-size to work*/
40 background-image: url(../../../node_modules/open-iconic/svg/caret-bottom.svg);
41 vertical-align: middle;
47 [data-open-close-icon="closed"]:after {
48 transform: rotate(180deg);
49 transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
51 [data-open-close-icon="open"]:after {
52 transform: rotate(0deg);
53 transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);
69 transition: height 300ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
72 .notificationListBody {
77 .notificationListBody {
82 border-top: 1px solid $gray-dark;
83 border-bottom: 1px solid $gray-dark;
95 text-transform: uppercase;
96 background-color: $gray-lighter;
98 .notificationListBody {
113 background: $gray-darker;
114 border: 1px solid black;
132 border: 1px solid black;
137 border: 1px solid black;
143 background: $gray-lighter;
145 border: 1px solid black;