2 * STANDARD_RIFT_IO_COPYRIGHT
5 /* If there's time this really needs to be rewritten. Ideally with smooth animations.*/
6 @import "style/_colors.scss";
11 .skyquakePanel-wrapper {
23 /* transition: all 2s;*/
27 /* transition: all 300ms;*/
28 .tableRow>div:not(.projectName) {
31 /* transition: width 600ms;*/
32 /* transition: opacity 300ms;*/
37 /* transition: all 2s;*/
38 .tableRow>div:not(.projectName) {
43 /* transition: all 600ms;*/
52 .tableRow>div:not(.projectName) {
54 /* transition: all 600ms;*/
86 /* transition: opacity 300ms;*/
87 /* transition: width 600ms;*/
92 margin: 0 0.5rem 0.5rem;
94 padding-bottom: 0.5rem;
96 border-top: #d3d3d3 1px solid;
101 -ms-flex-direction:row;
114 -ms-flex-pack: start;
115 justify-content: flex-start;
116 padding-top: 0.75rem;
119 margin-bottom:0.5rem;
130 .projectUsers.tableRow--data:hover {
137 border-bottom:1px solid #d3d3d3;
143 padding:0.25rem 0.5rem;
144 vertical-align: middle;
146 -ms-flex-pack:center;
147 justify-content:center;
152 background:$neutral-dark-0;
163 background: lightgray;
165 border-top: 1px solid #f1f1f1;
166 border-bottom: 1px solid #f1f1f1;
169 padding: 0.5rem 0.75rem;
176 /* display: -ms-flexbox;*/
178 /* -ms-flex-direction: column;*/
179 /* flex-direction: column;*/
181 /* margin: 0.5rem 0;*/
182 /* -ms-flex-align: start;*/
183 /* align-items: flex-start;*/
184 /* -ms-flex-pack: start;*/
185 /* justify-content: flex-start;*/
198 -ms-flex-wrap: nowrap;
200 -ms-flex-align: center;
210 margin-bottom:0.5rem;
218 -ms-flex-wrap: nowrap;
226 display: -ms-flexbox;
228 -ms-flex-direction: column;
229 flex-direction: column;
230 -ms-flex-pack: center;
231 justify-content: center;
238 background:$neutral-dark-0;
240 &:hover:not(&-active) {
241 background:$neutral-dark-1;
243 &:hover, .activeUser, &-active{
247 .activeUser, &-active{
253 .addInput, .removeInput {
256 -ms-flex-align:center;
261 text-transform:uppercase;
272 text-transform: uppercase;