Add accessilbilty check and fixes
This commit is contained in:
parent
c4ee65b9af
commit
71098eb6d7
13 changed files with 132 additions and 29 deletions
|
|
@ -68,16 +68,16 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* Lined up with the time on the cards. */
|
||||
/* Lined up with the time on the cards, but in normal weight to stay in the background.
|
||||
No transparency: it has to keep text contrast. */
|
||||
.schedule__hour-label {
|
||||
display: block;
|
||||
padding: calc(0.5rem + 0.25rem) 0.75rem 0.5rem calc(0.75rem + 3px);
|
||||
font-family: var(--ff-alt);
|
||||
font-size: var(--fs-s);
|
||||
font-weight: bold;
|
||||
font-weight: normal;
|
||||
font-variant-numeric: tabular-nums;
|
||||
color: var(--color-text-meta);
|
||||
opacity: 0.45;
|
||||
}
|
||||
|
||||
.schedule__day-title {
|
||||
|
|
@ -202,6 +202,11 @@
|
|||
}
|
||||
|
||||
@container (width < 48rem) {
|
||||
/* Keeps a focused card from scrolling under the sticky day picker. */
|
||||
.schedule__title {
|
||||
scroll-margin-block-start: 6rem;
|
||||
}
|
||||
|
||||
.schedule__picker:not([hidden]) {
|
||||
position: sticky;
|
||||
inset-block-start: 0;
|
||||
|
|
|
|||
Loading…
Reference in a new issue