Move the figure styles to root.css
This commit is contained in:
parent
f1c56b0eb6
commit
5b1f9e7d08
2 changed files with 37 additions and 36 deletions
|
@ -51,42 +51,6 @@ blockquote {
|
|||
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 {
|
||||
padding: 0.5rem;
|
||||
border: 2px solid #eee;
|
||||
|
|
|
@ -57,6 +57,43 @@ body {
|
|||
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 {
|
||||
font-family: var(--font-family-heading);
|
||||
margin: 0;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue