eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Move the figure styles to root.css

Browse source
This commit is contained in:
Eryn Wells 2022-09-25 08:34:54 -07:00
parent f1c56b0eb6
commit 5b1f9e7d08
2 changed files with 37 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

36
static/styles/main.css
View file

@ -51,42 +51,6 @@ blockquote {
margin-inline-start: 2rem; margin-inline-start: 2rem;
} }
figcaption h4 {
margin-bottom: 0;
}
figure {
border-radius: 0.5rem;
display: inline-block;
margin: 0;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}
figure a,
figure a:hover {
border: 0;
}
figure img {
border-radius: 0.5rem;
height: auto;
max-width: 100%;
margin-bottom: -3px;
}
figure + p {
margin-top: 1rem;
}
figure .youtube {
line-height: 1;
overflow: hidden;
width: var(--body-width);
}
figure.bordered { figure.bordered {
padding: 0.5rem; padding: 0.5rem;
border: 2px solid #eee; border: 2px solid #eee;

37
static/styles/root.css
View file

@ -57,6 +57,43 @@ body {
line-height: 1.2; line-height: 1.2;
} }
figcaption {
font-size: 75%;
margin-block-start: 0.2em;
text-align: center;
}
figure {
border-radius: 6px;
display: inline-block;
margin: 0;
margin-block: 0;
margin-inline: 0;
overflow: hidden;
max-width: var(--content-width);
width: 100%;
}
figure a,
figure a:hover {
border: 0;
}
figure img {
border-radius: 6px;
height: auto;
max-width: var(--content-width);
width: 100%;
}
figure .youtube {
border-radius: 6px;
line-height: 1;
overflow: hidden;
max-width: var(--content-width);
width: 100%;
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: var(--font-family-heading); font-family: var(--font-family-heading);
margin: 0; margin: 0;