summaryrefslogtreecommitdiff
path: root/gallerie.css
diff options
context:
space:
mode:
Diffstat (limited to 'gallerie.css')
-rw-r--r--gallerie.css68
1 files changed, 0 insertions, 68 deletions
diff --git a/gallerie.css b/gallerie.css
deleted file mode 100644
index a75faf7..0000000
--- a/gallerie.css
+++ /dev/null
@@ -1,68 +0,0 @@
-.mosaic {
- display: grid;
- grid-template-columns: repeat(auto-fill, minmax(var(--mosaic-side), 1fr));
- grid-gap: 0.8em;
-}
-
-.mosaic .photo {
- position: relative;
- width: 100%;
- height: 0;
- padding-bottom: 100%;
-}
-.mosaic .photo > * {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
-}
-.mosaic img {
- object-position: center;
- object-fit: cover;
- height: 100%;
- width: 100%;
- transition: filter 0.5s;
- filter: grayscale(0.8) brightness(0.4);
-}
-.mosaic img:hover {
- filter: none;
-}
-
-.mosaic .video {
- position: relative;
- width: 100%;
- height: 0;
- padding-bottom: 56.25%; /* 9/16 */
-}
-.mosaic .video .yt {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
-}
-
-@media (min-width: 40em) {
- main {
- padding-top: 2%;
- padding-bottom: 2%;
- padding-right: 2%;
- }
-
- .mosaic.photos {
- --mosaic-side: 14em;
- }
- .mosaic.videos {
- --mosaic-side: 25em;
- }
-}
-
-@media (max-width: 40em) {
- .mosaic.photos {
- --mosaic-side: 8em;
- }
- .mosaic.videos {
- --mosaic-side: 10em;
- }
-}