eryn/hugo-theme-termlite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Import the code and image shortcodes from the old website

Browse source 
Update the styles for code, image, and youtube figures.
This commit is contained in:
Eryn Wells 2024-10-12 11:26:23 -07:00
parent c7b772e727
commit d17ec7f48f
3 changed files with 66 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

27
assets/css/050_figures.css
View file

@ -7,31 +7,34 @@
* FIGURES
**********/
.figure--code,
.figure--image {
.figure {
grid-column: wide-gutter-start / wide-gutter-end;
.figure__container {
align-items: center;
display: flex;
gap: var(--body-item-spacing);
grid-column: wide-gutter-start / wide-gutter-end;
justify-content: center;
min-width: fit-content;
}
}
.figure--code {
grid-column: gutter-start / gutter-end;
}
.figure--image {
display: grid;
grid-template-columns: subgrid;
.figure__container {
align-items: center;
display: flex;
gap: var(--body-item-spacing);
grid-column: wide-gutter-start / wide-gutter-end;
justify-content: center;
min-width: fit-content;
}
img {
grid-column: wide-gutter-start / wide-gutter-end;
}
}
.figure--youtube {
grid-column: main-start / main-end;
grid-column: wide-gutter-start / wide-gutter-end;
.youtube {
width: 100%;