mirror of
https://github.com/Unleash/unleash.git
synced 2025-01-25 00:07:47 +01:00
docs: styling changes to the videos component
This commit is contained in:
parent
2259cc4e68
commit
2d56e07d3d
@ -86,7 +86,8 @@ html[data-theme='dark'] .header-github-link:before {
|
|||||||
|
|
||||||
--gap: .5em;
|
--gap: .5em;
|
||||||
--border-radius: var(--ifm-alert-border-radius);
|
--border-radius: var(--ifm-alert-border-radius);
|
||||||
gap: var(--gap)
|
gap: var(--gap);
|
||||||
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.unleash-video-container p {
|
.unleash-video-container p {
|
||||||
@ -95,11 +96,22 @@ html[data-theme='dark'] .header-github-link:before {
|
|||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
.unleash-video-container > .videos {
|
.unleash-video-container > .videos {
|
||||||
padding: 1em;
|
|
||||||
border-radius: var(--border-radius);
|
|
||||||
background: var(--ifm-color-info-contrast-background);
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: var(--gap);
|
gap: var(--gap);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.unleash-video-container .video-wrapper {
|
||||||
|
padding: .5rem;
|
||||||
|
border-radius: var(--border-radius);
|
||||||
|
background: var(--ifm-color-info-contrast-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
.unleash-video-container iframe {
|
||||||
|
aspect-ratio: 16/9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.unleash-video-container > .admonition {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user