@gem-sdk/styles 19.1.0-dev.15 → 19.1.0-dev.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "19.1.0-dev.15",
3
+ "version": "19.1.0-dev.17",
4
4
  "description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
5
5
  "license": "MIT",
6
6
  "main": "src/index.js",
@@ -7,7 +7,16 @@ const customVariants = plugin(function ({ addVariant }) {
7
7
  addVariant('scrollbar-thumb', '&::-webkit-scrollbar-thumb');
8
8
  addVariant('hocus', ['&:hover', '&:focus']);
9
9
  addVariant('supports-grid', '@supports (display: grid)');
10
+ // DEAD - kept only so its existing call sites keep compiling. The query works by the resolution
11
+ // media feature being unsupported, and Safari 16 added support in 2022, so it is false on every
12
+ // current Safari (measured on Safari macOS and iOS). Its call sites are silently inert. Use
13
+ // `webkit` below for anything new, and migrate the rest under its own ticket - switching this
14
+ // predicate in place would turn four dormant rules back on at once with no QA behind them.
10
15
  addVariant('safari', '@media not all and (min-resolution: 0.001dpcm)')
16
+ // WebKit only, and unlike `safari` this one is live: measured true on Safari macOS and iOS, false
17
+ // on Chrome macOS and Windows. Both halves are needed - -webkit-appearance alone also matches
18
+ // Blink, and -apple-system-body alone matches any engine on an Apple platform.
19
+ addVariant('webkit', '@supports (font: -apple-system-body) and (-webkit-appearance: none)');
11
20
  });
12
21
 
13
22
  module.exports = customVariants;