2019-08-14 09:48:44 +00:00
|
|
|
.loading-state {
|
|
|
|
padding: $space-jumbo $space-smaller;
|
2019-10-27 13:58:02 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
.message {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
color: $color-gray;
|
|
|
|
}
|
2019-10-27 13:58:02 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
.spinner {
|
|
|
|
float: none;
|
|
|
|
top: -$space-smaller;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// EMPTY STATES
|
|
|
|
.empty-state {
|
|
|
|
padding: $space-jumbo $space-smaller;
|
2019-10-27 13:58:02 +00:00
|
|
|
|
2019-08-14 09:48:44 +00:00
|
|
|
.title,
|
|
|
|
.message {
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
font-size: $font-size-giga;
|
|
|
|
font-weight: $font-weight-feather;
|
|
|
|
}
|
|
|
|
|
|
|
|
.message {
|
|
|
|
width: 50%;
|
|
|
|
margin: 0 auto;
|
|
|
|
color: $color-gray;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button {
|
|
|
|
margin-top: $space-medium;
|
|
|
|
}
|
2019-10-27 13:58:02 +00:00
|
|
|
}
|