From 84025a026a5ba791c66967fce9903bdd684f7446 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sat, 13 Feb 2021 18:07:15 +0100
Subject: Fix typo

---
 stylesheets/galerie.css  | 68 ++++++++++++++++++++++++++++++++++++++++++++++++
 stylesheets/gallerie.css | 68 ------------------------------------------------
 2 files changed, 68 insertions(+), 68 deletions(-)
 create mode 100644 stylesheets/galerie.css
 delete mode 100644 stylesheets/gallerie.css

(limited to 'stylesheets')

diff --git a/stylesheets/galerie.css b/stylesheets/galerie.css
new file mode 100644
index 0000000..a75faf7
--- /dev/null
+++ b/stylesheets/galerie.css
@@ -0,0 +1,68 @@
+.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;
+    }
+}
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;
-    }
-}
-- 
cgit v1.2.3