diff options
Diffstat (limited to 'assets/scss/style.scss')
-rw-r--r-- | assets/scss/style.scss | 51 |
1 files changed, 0 insertions, 51 deletions
diff --git a/assets/scss/style.scss b/assets/scss/style.scss index fdb706a..0fd428b 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -166,54 +166,3 @@ table:not(.u-legend) { @extend .ph3, .pv2; } } - -/* gallery -// https://lubna.dev/articles/create-css-only-image-gallery/ -// box-sizing setup is part of tachyons -// * { -// box-sizing: border-box; -// } */ - -$max-img-width: 72rem; -$max-img-height: 48rem; - -.gallery { - display: flex; - margin: 10px auto; - max-width: $max-img-width; - position: relative; - padding-top: $max-img-height/$max-img-width * 100%; - - @media screen and (min-width: $max-img-width) { - padding-top: $max-img-height; - } - - &__img { - position: absolute; - top: 0; - left: 0; - opacity: 0; - transition: opacity 0.3s ease-in-out; - } - - &__thumb { - padding-top: 6px; - margin: 6px; - display: block; - } - - &__selector { - position: absolute; - opacity: 0; - visibility: hidden; - - &:checked { - + .gallery__img { - opacity: 1; - } - ~ .gallery__thumb > img { - box-shadow: 0 0 0 3px #0be2f6; - } - } - } -} |