Add style image

Signed-off-by: Valentin Popov <info@valentineus.link>

1 files changed, 29 insertions, 0 deletions

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;
+  }
+}