forked from nat/webbed-site
add style for new image captioning
This commit is contained in:
parent
4badb94386
commit
fda5e83a47
26
style.css
26
style.css
@ -227,7 +227,7 @@ section {
|
|||||||
.ignore-section {
|
.ignore-section {
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
margin: none;
|
margin: 0;
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -365,6 +365,30 @@ image-container {
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
figure {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
max-width: 125%;
|
||||||
|
background: var(--bg);
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
|
||||||
|
> img {
|
||||||
|
height: auto;
|
||||||
|
padding: 10px;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
> figcaption {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
padding: 5px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
flex-column {
|
flex-column {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
Loading…
Reference in New Issue
Block a user