diff --git a/pages/[...slug].tsx b/pages/[...slug].tsx index 66e83185..9959d30a 100644 --- a/pages/[...slug].tsx +++ b/pages/[...slug].tsx @@ -130,17 +130,16 @@ const Index: NextPage = props => ( case 'image': return ( -
-
- {x.data.alt} -
{x.data.caption}
-
-
+
+ {x.data.alt} +
{x.data.caption}
+
) case 'file': diff --git a/src/style/kazimir/image.css b/src/style/kazimir/image.css index 390f0046..1af1d8a1 100644 --- a/src/style/kazimir/image.css +++ b/src/style/kazimir/image.css @@ -1,8 +1,8 @@ .kazimir__image { - position: relative; - width: calc(100% + var(--kazimir-image-increase)); - margin-left: calc(-0.5 * var(--kazimir-image-increase)); - margin-bottom: var(--size-m); + /* position: relative; */ + /* width: calc(100% + var(--kazimir-image-increase)); */ + /* margin-left: calc(-0.5 * var(--kazimir-image-increase)); */ + margin-bottom: var(--size-l); } .kazimir__image p { @@ -10,7 +10,7 @@ } .kazimir__image img { - border-radius: var(--kazimir-radius); + border-radius: var(--radius); max-width: 100%; max-height: 35em; @@ -21,4 +21,6 @@ font-size: var(--font-size-second); font-style: italic; font-weight: 100; + padding-top: var(--size-s); + padding-left: var(--size-s); } diff --git a/src/style/style.css b/src/style/style.css index 67a7514c..416f3d1a 100644 --- a/src/style/style.css +++ b/src/style/style.css @@ -53,7 +53,6 @@ /* KAZIMIR */ --kazimir-caption-margin: 0px; - --kazimir-radius: 10px; --kazimir-image-increase: 50px; }