From 25d49ed5b7f79aa503536c5913383aece9ecb219 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Thu, 20 Feb 2020 19:24:08 +0300
Subject: [PATCH] kazimir style updated

---
 src/style.css               |  5 +++++
 src/style/kazimir/image.css | 28 ++++++++--------------------
 2 files changed, 13 insertions(+), 20 deletions(-)

diff --git a/src/style.css b/src/style.css
index da9c3217..0f307217 100644
--- a/src/style.css
+++ b/src/style.css
@@ -90,6 +90,11 @@
 
     /* OTHER */
     --block-border-radius: 3px;
+
+    /* KAZIMIR */
+    --kazimir-caption-margin: 0px;
+    --kazimir-radius: 5px;
+    --kazimir-image-increase: 50px;
 }
 
 * {
diff --git a/src/style/kazimir/image.css b/src/style/kazimir/image.css
index 88edc60b..a693c1de 100644
--- a/src/style/kazimir/image.css
+++ b/src/style/kazimir/image.css
@@ -1,36 +1,24 @@
 .kazimir__image {
-    --kazimir-caption-margin: 20px;
+    position: relative;
+    width: calc(100% + var(--kazimir-image-increase));
+    margin-left: calc(-1 * var(--kazimir-image-increase) / 2);
 }
 
 .kazimir__image p {
-    margin-left: 0;
-    margin-right: 0;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
 }
 
 .kazimir__image img {
-    border-radius: 3px;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
+    border-radius: var(--kazimir-radius);
 
     max-width: 100%;
     max-height: 35em;
 }
 
-.kazimir__image figure {
-    margin: 0 0 var(--single-margin);
-}
-
 .kazimir__image figcaption {
-    margin-left: var(--kazimir-caption-margin);
-
-    font-size: 16px;
+    color: var(--color-text-second);
+    font-size: var(--font-size-second);
     font-style: italic;
-    color: #999;
-
     font-weight: 100;
 }
-
-@media screen and (max-width: var(--mobile-width)) {
-    .kazimir__image {
-        --kazimir-caption-margin: 10px;
-    }
-}