mirror of
https://github.com/kremalicious/blog.git
synced 2024-06-28 16:48:00 +02:00
Matthias Kretschmann
3b25ae2282
* location component * fetching with @nanostores/query * layouts reorg * typescript plugins cleanup * location component unit test cases * fetch only when visible
42 lines
564 B
CSS
42 lines
564 B
CSS
.location {
|
|
font-size: var(--font-size-mini);
|
|
min-height: 36px;
|
|
}
|
|
|
|
.location span {
|
|
font-style: italic;
|
|
}
|
|
|
|
.emoji {
|
|
display: inline-block;
|
|
font-size: 1em;
|
|
line-height: 1em;
|
|
vertical-align: 'middle';
|
|
margin-right: calc(var(--spacer) / 6);
|
|
}
|
|
|
|
.next {
|
|
display: inline-block;
|
|
margin-left: calc(var(--spacer) / 3);
|
|
}
|
|
|
|
.loading {
|
|
display: inline-block;
|
|
margin-left: calc(var(--spacer) / 3);
|
|
animation: flicker 0.3s linear infinite;
|
|
}
|
|
|
|
@keyframes flicker {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|