diff options
| author | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-13 18:07:15 +0100 |
|---|---|---|
| committer | Kévin Le Gouguec <kevin.legouguec@gmail.com> | 2021-02-13 18:07:15 +0100 |
| commit | 84025a026a5ba791c66967fce9903bdd684f7446 (patch) | |
| tree | ce2346f9d08b3a8605ab1ef9fb69ae4082b70db9 /stylesheets/gallerie.css | |
| parent | 59841e6eee8f2ddfef81d29f588c2a661bde54b4 (diff) | |
| download | quatuorbellefeuille.com-84025a026a5ba791c66967fce9903bdd684f7446.tar.xz | |
Fix typo
Diffstat (limited to 'stylesheets/gallerie.css')
| -rw-r--r-- | stylesheets/gallerie.css | 68 |
1 files changed, 0 insertions, 68 deletions
diff --git a/stylesheets/gallerie.css b/stylesheets/gallerie.css deleted file mode 100644 index a75faf7..0000000 --- a/stylesheets/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; - } -} |
