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