Custom style for release logos
You can now use a figure shortcode to mark a release logo and get appropriate styles.
This commit is contained in:
@@ -7,7 +7,7 @@ $announcement-size-adjustment: 8px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
img {
|
*:not(figure) > img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -698,6 +698,26 @@ body.td-documentation {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
figure {
|
||||||
|
> figcaption {
|
||||||
|
padding-top: 1em;
|
||||||
|
margin-bottom: 3em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Clamp size for release logos
|
||||||
|
figure.release-logo {
|
||||||
|
> figcaption {
|
||||||
|
font-size: 1.8em;
|
||||||
|
}
|
||||||
|
> img {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: calc(max(40em,min(80vh,70em)));
|
||||||
|
height: auto;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Match Docsy-imposed max width on text body
|
// Match Docsy-imposed max width on text body
|
||||||
@media (min-width: 1200px) {
|
@media (min-width: 1200px) {
|
||||||
|
|||||||
Reference in New Issue
Block a user