foster/website
1
0
Fork 0
Code Issues 8 Pull requests Activity

Add styles for images, screenshots & figures

Browse source
This commit is contained in:
Foster Hangdaan 2023-08-27 17:01:51 -04:00
parent 4af5593e47
commit fd36da256b
Signed by: foster
GPG key ID: E48D7F49A852F112
1 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
_includes/styles/base.scss
View file

@ -51,7 +51,13 @@ a {
} }
img { img {
background-color: var(--color-bg--layer-01);
width: 100%; width: 100%;
border-radius: 5px;
object-fit: contain;
aspect-ratio: 16 / 9;
margin-top: 1rem;
margin-bottom: 1rem;
} }
ol, ul { ol, ul {
@ -197,6 +203,12 @@ table {
} }
img.icon { img.icon {
background-color: initial;
border-radius: initial;
object-fit: initial;
object-position: initial;
aspect-ratio: initial;
margin: initial;
width: 1em; width: 1em;
height: 1em; height: 1em;
user-select: none; user-select: none;
@ -221,3 +233,15 @@ .tag {
border: 1px solid var(--color-fg); border: 1px solid var(--color-fg);
border-radius: 3px; border-radius: 3px;
} }
figure {
margin-top: 2rem;
margin-bottom: 2rem;
img {
margin: 0;
}
figcaption {
text-align: center;
font-style: italic;
}
}