39 lines
595 B
SCSS
39 lines
595 B
SCSS
|
.loading-state {
|
||
|
padding: $space-jumbo $space-smaller;
|
||
|
.message {
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
text-align: center;
|
||
|
color: $color-gray;
|
||
|
}
|
||
|
.spinner {
|
||
|
float: none;
|
||
|
top: -$space-smaller;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// EMPTY STATES
|
||
|
.empty-state {
|
||
|
padding: $space-jumbo $space-smaller;
|
||
|
.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;
|
||
|
}
|
||
|
}
|