Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +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 { .unleash-video-container {
display: grid; 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; --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; 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); background: var(--ifm-color-success-contrast-background);
border-radius: var(--border-radius); border-radius: var(--border-radius);
} }