From 51a1edcea3c2fb9c94b9869da3e55d6a949c7ada Mon Sep 17 00:00:00 2001 From: Roman Timashev Date: Wed, 13 Sep 2017 14:17:49 +0300 Subject: [PATCH] Added kazimir image --- src/style/kazimir/image.scss | 37 ++++++++++++++++++++++++++++++++++++ src/style/style.scss | 1 + 2 files changed, 38 insertions(+) create mode 100644 src/style/kazimir/image.scss diff --git a/src/style/kazimir/image.scss b/src/style/kazimir/image.scss new file mode 100644 index 00000000..e25447d5 --- /dev/null +++ b/src/style/kazimir/image.scss @@ -0,0 +1,37 @@ +@import "../variables"; + +.kazimir__image { + p { + margin-left: 0; + margin-right: 0; + } + + img { + border-radius: 3px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); + } + + figure { + margin: 0 0 $single-margin; + } + + figcaption { + margin: $half-margin 0 0 20px; + + font-size: 16px; + font-style: italic; + color: #999; + + font-weight: 100; + } +} + +.kazimir__image { + img { + transition: all .3s ease-in-out; + + &:hover{ + transform: scale(1.0125); + } + } +} diff --git a/src/style/style.scss b/src/style/style.scss index fcb6003d..d5aec3b8 100644 --- a/src/style/style.scss +++ b/src/style/style.scss @@ -51,4 +51,5 @@ @import "themes/theme-accessibility-kerning-big"; @import "kazimir/video"; +@import "kazimir/image"; @import "hmenu";