58 lines
1005 B
CSS
58 lines
1005 B
CSS
|
/* The mobile swap sheet: the Quest log and Regulars of desktop's plan panel
|
||
|
|
(mock 2d) as a bottom sheet. */
|
||
|
|
.sheet {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: 14px;
|
||
|
|
max-width: 560px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title {
|
||
|
|
margin: 0;
|
||
|
|
font-family: var(--font-heading);
|
||
|
|
font-size: 22px;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
|
||
|
|
.replaces {
|
||
|
|
margin: 2px 0 0;
|
||
|
|
font-family: var(--font-body);
|
||
|
|
font-size: 13px;
|
||
|
|
font-weight: 600;
|
||
|
|
color: var(--color-neutral-700);
|
||
|
|
}
|
||
|
|
|
||
|
|
.rows {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
list-style: none;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
gap: var(--space-1);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* The 48 px washed photo; Photo applies the washed filter. */
|
||
|
|
.photo {
|
||
|
|
width: 48px;
|
||
|
|
height: 48px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* A dinner already this week: shown, muted, and not a button. */
|
||
|
|
.already {
|
||
|
|
color: var(--color-neutral-600);
|
||
|
|
}
|
||
|
|
|
||
|
|
.skeletonRow {
|
||
|
|
height: 72px;
|
||
|
|
border-radius: var(--radius-md);
|
||
|
|
}
|
||
|
|
|
||
|
|
.empty {
|
||
|
|
margin: 0;
|
||
|
|
font-family: var(--font-body);
|
||
|
|
font-size: 14px;
|
||
|
|
line-height: 1.45;
|
||
|
|
color: var(--color-neutral-700);
|
||
|
|
}
|