Skip to content

Instantly share code, notes, and snippets.

@weirdpattern

weirdpattern/.2019.01.10.css-browser-support

Last active January 10, 2019 16:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save weirdpattern/35b7f97df5f6e6fd0f8ebcaaa06cfab5 to your computer and use it in GitHub Desktop.
Save weirdpattern/35b7f97df5f6e6fd0f8ebcaaa06cfab5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
.2019.01.10.css-browser-support
2019.01.10.css-browser-support
Raw
example.html
<html>
<head>
<style>
.support-font-size-adjust {
width: 22px;
display:inline-block;
}
.support-font-size-adjust:after {
content: '\274C';
font-size: 12px;
}
.support-flexbox {
width: 22px;
display:inline-block;
padding-left: 3px
}
.support-flexbox:after {
content: '\274C';
}
@supports(font-size-adjust) {
.support-font-size-adjust:after {
content: '\2713';
}
}
@supports(display:flex) {
.support-flexbox:after {
content: '\2713';
}
}
</style>
</head>
<body>
<span class="support-font-size-adjust"></span>Supports 'font-size-adjust'
<span class="support-flexbox"></span>Supports 'flexbox'
</body>
</html>
Raw
syntax.text
@supports [not](<supports-condition>) {
[styles]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment