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

All the root styles so far

Browse source
This commit is contained in:
Eryn Wells 2023-09-24 09:21:49 -07:00
parent d18edef261
commit 1fac613c37
7 changed files with 251 additions and 210 deletions
Download patch file Download diff file Expand all files Collapse all files

19
assets/styles/root/050_figures.css
View file

@ -1,6 +1,5 @@
@layer root {
figcaption {
margin-block-start: 0.2em;
text-align: center;
}
@ -9,17 +8,25 @@
}
figure {
grid-column: content-start / content-end;
margin: 0;
margin-inline: 0;
min-width: fit-content;
overflow: hidden;
max-width: var(--content-width);
}
@media (max-width: 415px) {
figure {
grid-column: wide-content-start / wide-content-end;
}
}
figure > .container {
align-items: center;
display: flex;
justify-content: center;
gap: var(--body-item-spacing);
justify-content: center;
min-width: fit-content;
}
figure.bordered {
@ -38,6 +45,12 @@
max-width: var(--content-width);
}
@media (max-width: 414px) {
figure img {
max-width: 100%;
}
}
figure svg {
width: 100%;
height: auto;