uuupah/11ty_neocities
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tweak css to make links on front page work properly

Browse Source
This commit is contained in:
jonathan
2023-03-29 12:43:55 +10:30
parent 9ac6488558
commit 72f280a5e9
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/_includes/styles.css
View File

@ -222,15 +222,18 @@ nav {
transform: none; transform: none;
} }
/* the commented out calcs work in firefox and mobile, but not in chromium */
.link_tiles_grid>a, .link_tiles_grid>a,
.link_tiles_grid>a>img { .link_tiles_grid>a>img {
max-width: 230px; max-width: 230px;
width: calc((100vw - 100px)/3); width: calc((100vw - 117px)/3);
/* width: calc((100vw - 100px)/3); */
} }
.link_tiles_grid>a>img { .link_tiles_grid>a>img {
max-height: 230px; max-height: 230px;
height: calc((100vw - 100px)/3); height: calc((100vw - 117px)/3);
/* height: calc((100vw - 100px)/3); */
} }
/* switch to two tiles when it gets really small */ /* switch to two tiles when it gets really small */
@ -238,11 +241,13 @@ nav {
.link_tiles_grid>a, .link_tiles_grid>a,
.link_tiles_grid>a>img { .link_tiles_grid>a>img {
width: calc((100vw - 85px)/2); width: calc((100vw - 102px)/2);
/* width: calc((100vw - 85px)/2); */
} }
.link_tiles_grid>a>img { .link_tiles_grid>a>img {
height: calc((100vw - 100px)/2); height: calc((100vw - 117px)/2);
/* height: calc((100vw - 100px)/2); */
} }
} }
} }