fixes for css
This commit is contained in:
parent
06b7ff54b6
commit
2387e2fcbd
2 changed files with 21 additions and 14 deletions
20
base.css
20
base.css
|
@ -111,6 +111,21 @@ a[href]:where(:hover,:focus) {
|
|||
}
|
||||
|
||||
|
||||
dl {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, auto);
|
||||
grid-row-gap: 6px;
|
||||
}
|
||||
|
||||
dt {
|
||||
text-align: right;
|
||||
}
|
||||
dd {
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
:is(rt, h1, h2)::before, :is(rt, h1, h2)::after {
|
||||
padding: 0 0.25em;
|
||||
vertical-align: middle;
|
||||
|
@ -129,6 +144,11 @@ a[href]:where(:hover,:focus) {
|
|||
}
|
||||
}
|
||||
|
||||
.emojo {
|
||||
vertical-align: middle;
|
||||
height: 1.2em; width: 1.2em;
|
||||
}
|
||||
|
||||
|
||||
/******************************/
|
||||
/* actual accessibility stuff */
|
||||
|
|
15
index.css
15
index.css
|
@ -44,19 +44,6 @@ rt {
|
|||
}
|
||||
|
||||
|
||||
dl {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, auto);
|
||||
grid-row-gap: 6px;
|
||||
}
|
||||
|
||||
dt {
|
||||
text-align: right;
|
||||
}
|
||||
dd {
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@media (hover) {
|
||||
[title] {
|
||||
|
@ -84,7 +71,7 @@ rt { --around-image: url(media/star.svg); }
|
|||
h1, h2 { --around-image: url(media/sparkles.svg); }
|
||||
|
||||
|
||||
.emojo, [href='#listen']::before {
|
||||
[href='#listen']::before {
|
||||
vertical-align: middle;
|
||||
height: 1.2em; width: 1.2em;
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue