From 77d0b2acd5a00c642fbbe804eb7ee3edffdaceed Mon Sep 17 00:00:00 2001
From: Ashelyn Rose <git@ashen.earth>
Date: Thu, 5 Sep 2024 00:14:27 -0600
Subject: Add code for the buttons

---
 styles/index.module.css | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

(limited to 'styles/index.module.css')

diff --git a/styles/index.module.css b/styles/index.module.css
index 2314363..582cf74 100644
--- a/styles/index.module.css
+++ b/styles/index.module.css
@@ -9,3 +9,42 @@
   color: var(--text-dimmed);
   margin-right: var(--text-padding);
 }
+
+.the88x31s {
+  column-width: 90px;
+  text-align: center;
+}
+
+.the88x31s > a {
+  width: 88px;
+  height: 31px;
+  margin: 2px;
+  display: inline-block;
+}
+
+.the88x31s img {
+  width: inherit;
+  height: inherit;
+  overflow: hidden;
+  object-fit: cover;
+  filter: grayscale(1) brightness(.8) opacity(.8);
+  transition: .4s ease-in-out filter;
+}
+
+.the88x31s a:has(img + img) img:first-child {
+  position: absolute;
+  display: none;
+  z-index: 2;
+}
+
+.the88x31s a:hover img {
+  display: initial!important;
+  filter: none;
+  transition: .025s ease-in-out filter;
+}
+
+@media (pointer:coarse) or (pointer:none) {
+  .the88x31s img {
+    filter: contrast(.6) brightness(.6) grayscale(.2);
+  }
+}
-- 
cgit 1.4.1