2018-02-08 23:44:30 +00:00
|
|
|
@import 'common/sass/variables';
|
|
|
|
|
|
|
|
.InlineSpinner {
|
|
|
|
color: $gray-light;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
font-weight: 400;
|
|
|
|
opacity: 0;
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
|
|
.Spinner {
|
|
|
|
margin-left: 8px;
|
|
|
|
}
|
|
|
|
|
2018-02-08 17:51:15 +00:00
|
|
|
&--fade {
|
|
|
|
&-enter,
|
|
|
|
&-exit {
|
2018-02-08 23:44:30 +00:00
|
|
|
transition: opacity $transition-speed;
|
2018-02-08 17:51:15 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&-enter {
|
|
|
|
opacity: 0;
|
|
|
|
|
|
|
|
&-active {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&-exit {
|
|
|
|
opacity: 1;
|
|
|
|
|
|
|
|
&-active {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|