summaryrefslogtreecommitdiff
path: root/événements.css
diff options
context:
space:
mode:
authorKévin Le Gouguec <kevin.legouguec@gmail.com>2020-11-22 00:45:33 +0100
committerKévin Le Gouguec <kevin.legouguec@gmail.com>2020-11-22 00:48:08 +0100
commit6f79c3f6dd4b2db347547b22bf7727fadcbd4dfb (patch)
treedf44a68df600601d1e21dd77afbf5c58d9e4b8af /événements.css
parenta8e3996309936c6d0590a1c8a855376318281689 (diff)
downloadquatuorbellefeuille.com-6f79c3f6dd4b2db347547b22bf7727fadcbd4dfb.tar.xz
Rename events page
Also add the boilerplate.
Diffstat (limited to 'événements.css')
-rw-r--r--événements.css63
1 files changed, 0 insertions, 63 deletions
diff --git a/événements.css b/événements.css
deleted file mode 100644
index 6a2bd4a..0000000
--- a/événements.css
+++ /dev/null
@@ -1,63 +0,0 @@
-.events {
- display: grid;
- width: 60%;
- grid-auto-rows: 14vw;
- grid-template-columns: repeat(auto-fit, 14vw);
- grid-gap: 1em;
- margin-left: auto;
- margin-right: 0;
- background-color: #ccc;
-}
-
-.event {
- position: relative;
- background-color: #fff;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.event img {
- position: absolute;
- object-position: center;
- object-fit: cover;
- height: 100%;
- width: 100%;
- transition: 0.5s;
-}
-
-.event:hover img {
- filter: grayscale(0.8) brightness(0.4);
-}
-
-.event .summary {
- z-index: 1;
- opacity: 0;
- font-weight: bold;
- color: white;
- transition: 0.5s;
-}
-
-.event:hover .summary {
- opacity: 1;
-}
-
-.event .details {
- display: none;
-}
-
-.event input {
- width: 100%;
- height: 100%;
- position: absolute;
- cursor: pointer;
- opacity: 0;
- z-index: 2;
-}
-
-.event input:checked ~ .details {
- display: block;
- position: fixed;
- top: 10em;
- left: 0;
-}