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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

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