Restructure spacings for generic figure element

This commit is contained in:
Zimo
2018-08-31 11:24:50 +01:00
parent 67e595741c
commit 676e17bd13
3 changed files with 16 additions and 23 deletions

View File

@ -882,8 +882,9 @@ Usage (In Ghost editor):
}
/* Override third party iframe styles */
.post-full-content iframe {
margin: 0 auto;
margin: 0 auto !important;
}
.post-full-content blockquote {
@ -1849,44 +1850,37 @@ Usage (In Ghost editor):
max-width: 100vw;
}
.post-content figcaption {
.post-full-content figure {
margin: 1.5em 0 3em;
}
.post-full-content figure img {
margin: 0;
}
.post-full-content figcaption {
margin: 1.0em 0 0;
font-size: 80%;
line-height: 1.6em;
text-align: center;
}
.kg-image-card,
.kg-gallery-card {
margin: 0 0 1.5em;
}
.kg-image-card figcaption,
.kg-gallery-card figcaption {
margin: -1.0em 0 1.5em;
.kg-width-full figcaption {
padding: 0 1.5em;
}
.kg-embed-card {
display: flex;
flex-direction: column;
align-items: center;
margin: 1.5em 0 3em;
min-width: 100%;
}
.kg-embed-card figcaption {
margin: 0.5em 0 0;
}
.kg-embed-card .fluid-width-video-wrapper {
margin: 0;
}
.kg-image-full + figcaption {
padding: 0 1.5em;
}
@media (max-width: 1040px) {
.post-full-content .kg-width-full .kg-image {
width: 100vw;
@ -1896,7 +1890,6 @@ Usage (In Ghost editor):
.kg-gallery-container {
display: flex;
flex-direction: column;
margin: 1.5em auto;
max-width: 1040px;
width: 100vw;
}