Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-25 00:07:47 +01:00
Code Issues Projects Releases Wiki Activity

docs: add media query to control for smaller sizes.

Browse Source
This commit is contained in:
Thomas Heartman 2022-01-25 15:43:07 +01:00
parent 2d56e07d3d
commit 132cba741c
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
website/src/css/custom.css
View File

@ -79,19 +79,19 @@ html[data-theme='dark'] .header-github-link:before {
.unleash-video-container {
display: grid;
/* when it is wider than 400px */
grid-template-columns: 1fr min(250px, 25%);
/* otherwise no template-columns. Use a single column. */
--gap: .5em;
--border-radius: var(--ifm-alert-border-radius);
gap: var(--gap);
margin-bottom: 1em;
}
.unleash-video-container p {
@media screen and (min-width: 450px) {
.unleash-video-container {
grid-template-columns: 1fr min(250px, 25%);
}
}
.unleash-video-container p {
background: var(--ifm-color-success-contrast-background);
border-radius: var(--border-radius);
}