summaryrefslogtreecommitdiff
path: root/actualités.css
diff options
context:
space:
mode:
authorKévin Le Gouguec <kevin.legouguec@gmail.com>2021-02-07 19:20:16 +0100
committerKévin Le Gouguec <kevin.legouguec@gmail.com>2021-02-08 19:56:29 +0100
commit40d193b330443ea074f42674ed18f463fc8e422e (patch)
treec3abfa115f38923afbadea6d38b4da0ca5e8e7ef /actualités.css
parent0990b4df19b1e8c42c8a1c22fc77fb9e836b379c (diff)
downloadquatuorbellefeuille.com-40d193b330443ea074f42674ed18f463fc8e422e.tar.xz
Move images and stylesheets in subfolders
Diffstat (limited to 'actualités.css')
-rw-r--r--actualités.css114
1 files changed, 0 insertions, 114 deletions
diff --git a/actualités.css b/actualités.css
deleted file mode 100644
index d8f04b8..0000000
--- a/actualités.css
+++ /dev/null
@@ -1,114 +0,0 @@
-#event-list {
- max-height: 60vh;
- overflow: auto;
- scrollbar-width: thin;
- scrollbar-color: darkblue #8ad;
-}
-
-#event-list::-webkit-scrollbar {
- width: 0.25em;
- height: 0.25em;
-}
-
-#event-list::-webkit-scrollbar-track {
- background: #8ad;
-}
-
-#event-list::-webkit-scrollbar-thumb {
- background: darkblue;
-}
-
-.events {
- display: grid;
- grid-auto-rows: var(--cell-height);
- grid-template-columns: repeat(auto-fit, minmax(var(--cell-width), 1fr));
- grid-gap: 0.8em;
-}
-
-.event a {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
- height: 100%;
- text-decoration: none;
-}
-
-.event .summary {
- font-weight: bold;
- color: white;
-}
-
-@media (min-width: 40em) {
- main {
- display: grid;
- grid-template-columns: 60% 40%;
- }
-
- main > div {
- padding: 1em;
- }
-
- .events {
- --cell-width: 14em;
- --cell-height: 12em;
- }
-
- .event a {
- position: relative;
- }
-
- .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 {
- opacity: 0;
- z-index: 1;
- transition: 0.5s;
- }
-
- .event:hover .summary {
- opacity: 1;
- }
-
- .details.active > *:first-child {
- margin-top: 0;
- }
-}
-
-@media (max-width: 40em) {
- .events {
- --cell-width: 10em;
- --cell-height: 8em;
- }
-
- .event {
- position: relative;
- }
-
- .event img {
- object-position: center;
- object-fit: cover;
- height: 100%;
- width: 100%;
- }
-
- .event .summary {
- position: absolute;
- text-align: center;
- bottom: 0;
- margin: 0;
- width: 100%;
- background: #0008;
- }
-}