michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

docs: set header link width to 100% so that the link fills the entire box it sits in for easier selection (#767)

Browse source
This commit is contained in:
Caleb Jasik 2021-07-19 23:05:00 -05:00 committed by GitHub
parent 15cd6c1708
commit 4253683ec0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
docs/public/index.css
View file

@ -25,7 +25,7 @@ body {
min-height: 100vh; min-height: 100vh;
font-family: var(--font-body); font-family: var(--font-body);
font-size: 1rem; font-size: 1rem;
font-size: clamp(0.9rem, 0.7500rem + 0.3750vw + var(--user-font-scale), 1rem); font-size: clamp(0.9rem, 0.75rem + 0.375vw + var(--user-font-scale), 1rem);
line-height: 1.5; line-height: 1.5;
max-width: 100vw; max-width: 100vw;
} }
@ -78,7 +78,6 @@ h5 {
font-size: 0.8rem; font-size: 0.8rem;
} }
@media (min-width: 60em) { @media (min-width: 60em) {
h1 { h1 {
font-size: 2.5rem; font-size: 2.5rem;
@ -93,7 +92,6 @@ h5 {
} }
} }
p, p,
.content ul { .content ul {
color: var(--theme-text-light); color: var(--theme-text-light);
@ -184,7 +182,7 @@ code:not([class*='language']) {
padding: var(--padding-block) var(--padding-inline); padding: var(--padding-block) var(--padding-inline);
margin: calc(var(--padding-block) * -1) -0.125em; margin: calc(var(--padding-block) * -1) -0.125em;
border-radius: var(--border-radius); border-radius: var(--border-radius);
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.08); box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.08);
} }
pre > code:not([class*='language']) { pre > code:not([class*='language']) {
@ -213,24 +211,25 @@ pre {
} }
table { table {
width: 100%; width: 100%;
padding: var(--padding-block) 0; padding: var(--padding-block) 0;
margin: 0; margin: 0;
border-collapse: collapse; border-collapse: collapse;
} }
/* Zebra striping */ /* Zebra striping */
tr:nth-of-type(odd) { tr:nth-of-type(odd) {
background: var(--theme-bg-hover); background: var(--theme-bg-hover);
} }
th { th {
background: var(--color-black); background: var(--color-black);
color: white; color: white;
font-weight: bold; font-weight: bold;
} }
td, th { td,
padding: 6px; th {
text-align: left; padding: 6px;
text-align: left;
} }
pre { pre {
@ -399,6 +398,7 @@ h2.heading {
.header-link a { .header-link a {
display: inline-flex; display: inline-flex;
gap: 0.5em; gap: 0.5em;
width: 100%;
} }
.header-link.depth-3 { .header-link.depth-3 {