godotengine/godot-website
1
0
Fork 0
mirror of https://github.com/godotengine/godot-website.git synced 2026-01-04 06:09:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix mush of the 4.3 page on older browsers (#910)

Browse Source
This commit is contained in:
Adam Scott
2024-08-19 12:42:35 -04:00
committed by GitHub
parent 08a7527a71
commit 9ade313675
1 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
assets/css/releases/4.3.scss
View File

@@ -870,11 +870,17 @@ $donate-robot-size: 500px;
container-name: release-card-content;
.release-card-content-container {
display: grid;
gap: var(--card-padding);
height: 100%;
// Base display properties for browsers who don't support `:has()`.
display: flex;
flex-direction: column;
&:has(.c-title):has(.c-blockquote):has(.c-content) {
display: grid;
flex-direction: unset;
grid-template-areas:
"quote title"
"quote contnt"
@@ -948,6 +954,9 @@ $donate-robot-size: 500px;
}
}
&:not(:has(.c-title)):has(.c-blockquote):has(.c-content) {
display: grid;
flex-direction: unset;
grid-template-areas:
"quote contnt"
"quote link";
@@ -1009,6 +1018,9 @@ $donate-robot-size: 500px;
}
}
&:has(.c-title):has(.c-blockquote):not(:has(.c-content)) {
display: grid;
flex-direction: unset;
grid-template-areas:
"title"
"quote"
@@ -1028,6 +1040,9 @@ $donate-robot-size: 500px;
}
}
&:has(.c-title):not(:has(.c-blockquote)):has(.c-content) {
display: grid;
flex-direction: unset;
grid-template-areas:
"title"
"contnt"
@@ -1047,6 +1062,9 @@ $donate-robot-size: 500px;
}
}
&:not(:has(.c-title)):has(.c-blockquote):not(:has(.c-content)) {
display: grid;
flex-direction: unset;
grid-template-areas:
"quote"
"link";
@@ -1062,6 +1080,9 @@ $donate-robot-size: 500px;
}
}
&:not(:has(.c-title)):not(:has(.c-blockquote)):has(.c-content) {
display: grid;
flex-direction: unset;
grid-template-areas:
"contnt"
"link";