Skip to content

Commit

Permalink
Update styles.css
Browse files Browse the repository at this point in the history
dragontheory authored Nov 16, 2023

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
1 parent 094d5d5 commit 2513d40
Showing 1 changed file with 15 additions and 5 deletions.
20 changes: 15 additions & 5 deletions assets/css/styles.css
Original file line number Diff line number Diff line change
@@ -131,6 +131,10 @@ https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/ */
}
}

/* Define a default variable for the message */
:root {
--support: "Your browser does not support some advanced features (':has()' is not supported).";
}

/* WRAPPER ----------------------------------
*/ app-container {
@@ -458,12 +462,18 @@ html:after {
display: grid;
}

.supported {display: none;}
/* Use the variable for the content of the message */
.support {
display: block;
content: var(--support);
}

@supports(selector(:has(+ *))) {
.unsupported {display: none;}
.supported {display: block;}
}
/* Change the variable's value if ':has()' is supported */
@supports (selector(:has(*))) {
:root {
--support: "Great! Your browser supports advanced features (':has()' is supported).";
}
}

span-bold {font-weight: 900;}

0 comments on commit 2513d40

Please sign in to comment.