cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: aspect ratio

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-29 19:36:22 -07:00
parent e1520d2cd2
commit f0246e000b
No known key found for this signature in database
3 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.7.1", "version": "19.7.2",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.7.1", "version": "19.7.2",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.4.0", "@cdransf/api-text": "^1.4.0",

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.7.1", "version": "19.7.2",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

8
src/assets/styles/pages/books.css
View file

@ -9,6 +9,9 @@
} }
& img { & img {
max-width: calc(var(--sizing-3xl) * 4);
height: auto;
aspect-ratio: var(--aspect-ratio-vertical);
transition-property: border-color; transition-property: border-color;
transition-timing-function: var(--transition-ease-in-out); transition-timing-function: var(--transition-ease-in-out);
transition-duration: 300ms; transition-duration: 300ms;
@ -24,11 +27,6 @@
border-color: var(--accent-color-hover) border-color: var(--accent-color-hover)
} }
& img {
max-width: calc(var(--sizing-3xl) * 4);
height: auto;
}
& .book-meta { & .book-meta {
align-items: center; align-items: center;