2 * STANDARD_RIFT_IO_COPYRIGHT
5 @import "style/_colors.scss";
10 .skyquakePanel-wrapper {
23 /* transition: all 2s;*/
28 /* transition: all 300ms;*/
29 .tableRow>div:not(.projectName) {
32 /* transition: width 600ms;*/
33 /* transition: opacity 300ms;*/
39 /* transition: all 2s;*/
40 .tableRow>div:not(.projectName) {
45 /* transition: all 600ms;*/
54 .tableRow>div:not(.projectName) {
56 /* transition: all 600ms;*/
92 /* transition: opacity 300ms;*/
93 /* transition: width 600ms;*/
98 margin: 0 0.5rem 0.5rem;
100 padding-bottom: 0.5rem;
104 border-top: #d3d3d3 1px solid;
111 -ms-flex-direction:row;
112 -webkit-box-orient:horizontal;
113 -webkit-box-direction:normal;
116 -webkit-box-orient: vertical;
117 -webkit-box-direction: normal;
118 -ms-flex-direction: column;
119 flex-direction: column;
120 display: -webkit-box;
121 display: -ms-flexbox;
129 margin-bottom: 0.5rem;
132 -webkit-box-align: center;
133 -ms-flex-align: center;
138 display: -webkit-box;
139 display: -ms-flexbox;
152 -webkit-box-align: start;
153 -ms-flex-align: start;
154 align-items: flex-start;
155 margin-bottom: 0.75rem;
161 margin-bottom: 0.5rem;
167 -ms-flex-pack: start;
168 -webkit-box-pack: start;
169 justify-content: flex-start;
170 padding-top: 0.75rem;
173 margin-bottom:0.5rem;
185 .projectUsers.tableRow--data:hover {
193 border-bottom:1px solid #d3d3d3;
199 padding:0.25rem 0.5rem;
200 vertical-align: middle;
202 -ms-flex-pack:center;
203 -webkit-box-pack:center;
204 justify-content:center;
209 background:$neutral-dark-0;
225 background: lightgray;
227 border-top: 1px solid #f1f1f1;
228 border-bottom: 1px solid #f1f1f1;
231 padding: 0.5rem 0.75rem;
239 /* display: -ms-flexbox;*/
241 /* -ms-flex-direction: column;*/
242 /* flex-direction: column;*/
244 /* margin: 0.5rem 0;*/
245 /* -ms-flex-align: start;*/
246 /* align-items: flex-start;*/
247 /* -ms-flex-pack: start;*/
248 /* justify-content: flex-start;*/
262 -ms-flex-wrap: nowrap;
264 -ms-flex-align: center;
265 -webkit-box-align: center;
275 margin-bottom:0.5rem;
284 -ms-flex-wrap: nowrap;
292 display: -ms-flexbox;
293 display: -webkit-box;
295 -ms-flex-direction: column;
296 -webkit-box-orient: vertical;
297 -webkit-box-direction: normal;
298 flex-direction: column;
299 -ms-flex-pack: center;
300 -webkit-box-pack: center;
301 justify-content: center;
308 background:$neutral-dark-0;
310 &:hover:not(&-active) {
311 background:$neutral-dark-1;
313 &:hover, .activeUser, &-active{
317 .activeUser, &-active{
323 .addInput, .removeInput {
327 -webkit-box-align: end;
329 align-items: flex-end;
330 margin-bottom: 0.75rem;
334 text-transform:uppercase;
345 text-transform: uppercase;