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";