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

Move all the root styles to fragment files

Browse source 
Create assets/styles/root to hold all the fragments of the root
stylesheet. This should make it easier to find and hack on style. Yay!
This commit is contained in:
Eryn Wells 2023-05-19 17:05:49 -07:00
parent 273c380fe6
commit 8029f97f9c
16 changed files with 692 additions and 665 deletions
Download patch file Download diff file Expand all files Collapse all files

57
assets/styles/root/050_figures.css Normal file
View file

@ -0,0 +1,57 @@
@layer root {
figcaption {
margin-block-start: 0.2em;
text-align: center;
}
figure {
border-radius: 6px;
margin: 0;
margin-inline: 0;
overflow: hidden;
max-width: var(--content-width);
width: 100%;
}
figure.bordered {
padding: 0.5rem;
border: 2px solid #eee;
}
figure a,
figure a:hover {
border: 0;
}
figure img {
display: block;
border-radius: 6px;
height: auto;
max-width: var(--content-width);
width: 100%;
}
figure svg {
width: 100%;
height: auto;
}
figure .youtube {
border-radius: 6px;
overflow: hidden;
max-width: var(--content-width);
width: 100%;
}
.p5-sketch {
display: block;
position: relative;
width: 100%;
}
.youtube iframe {
aspect-ratio: 16 / 9;
margin-bottom: -3px;
width: 100%;
}
}