diff options
Diffstat (limited to 'styles/index.module.css')
-rw-r--r-- | styles/index.module.css | 39 |
1 files changed, 39 insertions, 0 deletions
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); + } +} |