diff --git a/_scss/components/theme/_image.scss b/_scss/components/theme/_image.scss new file mode 100644 index 0000000..dfb2513 --- /dev/null +++ b/_scss/components/theme/_image.scss @@ -0,0 +1,29 @@ +@import 'utilities/boxshadow'; + +img { + max-width: 100%; + width: auto; + + &:hover { + @include box-shadow(0 0 10px rgba(0, 0, 0, .5)); + } +} + +.fullscreen { + background: rgba(0, 0, 0, .5); + display: none; + height: 100%; + left: 0; + position: fixed; + text-align: center; + top: 0; + width: 100%; + + &:target { + display: block; + } + + img { + margin-top: 10rem; + } +}