he4et/oddsquat
1
0
Fork 0
mirror of https://github.com/He4eT/oddsquat.git synced 2026-05-04 20:37:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

css: add styles for image figures

Browse source
This commit is contained in:
He4eT 2026-03-07 09:06:33 +01:00 • committed by Alexey
commit 8e63343277
1 changed files with 29 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/assets/css/main.css
View file

@ -47,12 +47,41 @@ code {
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
} }
/* Images */
figure.image img {
display: block;
box-sizing: border-box;
margin-bottom: 0;
}
figure.image.bordered img {
border: 4px solid hsl(0, 0%, 0%, 0.7);
}
figure.image figcaption {
border-left: 4px solid hsl(0, 0%, 0%, 0.2);
padding-left: 1.0rem;
padding-right: 1.0rem;
margin-top: 1.0rem;
}
/* Lists */ /* Lists */
ul { ul {
list-style: square; list-style: square;
} }
.entry:last-child,
.entry {
margin-bottom: 1.5rem;
}
.entry > header,
.entry > .description {
margin-bottom: 0.5rem;
}
/* Tables */ /* Tables */
@media (max-width: 500px) { @media (max-width: 500px) {
@ -129,15 +158,3 @@ body > footer {
h1, h2, h3, h4, h5 { h1, h2, h3, h4, h5 {
scroll-margin-top: 0.5em; scroll-margin-top: 0.5em;
} }
/* Lists */
.entry:last-child,
.entry {
margin-bottom: 1.5rem;
}
.entry > header,
.entry > .description {
margin-bottom: 0.5rem;
}