themes
/
casper
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

35
assets/css/screen.css
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;
} }