diff --git a/data/features.js b/data/features.js index 52bdc6c..e98a3de 100644 --- a/data/features.js +++ b/data/features.js @@ -112,7 +112,6 @@ import cssResize from './features/css-resize.js'; import cssRevertValue from './features/css-revert-value.js'; import cssRrggbbaa from './features/css-rrggbbaa.js'; import cssScrollBehavior from './features/css-scroll-behavior.js'; -import cssScrollTimeline from './features/css-scroll-timeline.js'; import cssScrollbar from './features/css-scrollbar.js'; import cssSel2 from './features/css-sel2.js'; import cssSel3 from './features/css-sel3.js'; @@ -325,7 +324,6 @@ const FEATURES = { 'css-revert-value': cssRevertValue, 'css-rrggbbaa': cssRrggbbaa, 'css-scroll-behavior': cssScrollBehavior, - 'css-scroll-timeline': cssScrollTimeline, 'css-scrollbar': cssScrollbar, 'css-sel2': cssSel2, 'css-sel3': cssSel3, diff --git a/data/features/css-scroll-timeline.js b/data/features/css-scroll-timeline.js deleted file mode 100644 index 48da61c..0000000 --- a/data/features/css-scroll-timeline.js +++ /dev/null @@ -1,27 +0,0 @@ -/** - * CSS @scroll-timeline - * CSS property that allows animations to be driven by a container's scroll position - * @see https://caniuse.com/css-scroll-timeline - */ - -import { checkAtRule } from '../../utils/util.js'; - -const checkAt = checkAtRule('scroll-timeline'); - -/** - * @type {import('../features').Feature} - */ -export default (node) => { - // check for @scroll-timeline - if (checkAt(node)) { - return true; - } - - // check for animation-timeline - if (node.type !== 'decl') return false; - if (node.prop.startsWith('animation-timeline')) { - return true; - } - - return false; -}; diff --git a/package-lock.json b/package-lock.json index 4c4b9d8..d4f15e9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "license": "MIT", "dependencies": { "browserslist": "^4.21.5", - "caniuse-lite": "^1.0.30001487", + "caniuse-lite": "^1.0.30001655", "css-tokenize": "^1.0.1", "duplexify": "^4.1.2", "multimatch": "^5.0.0", @@ -30,7 +30,7 @@ "@typescript-eslint/eslint-plugin": "^5.54.0", "@typescript-eslint/parser": "^5.54.0", "c8": "^7.13.0", - "caniuse-db": "^1.0.30001487", + "caniuse-db": "^1.0.30001655", "eslint": "^8.35.0", "eslint-config-airbnb-base": "^15.0.0", "eslint-plugin-canonical": "^4.2.2", @@ -1550,15 +1550,16 @@ } }, "node_modules/caniuse-db": { - "version": "1.0.30001512", - "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30001512.tgz", - "integrity": "sha512-3jrB5o/RE6lelLBT+nZfETsKipBvW0klSzelBGiTskXA6Wz+zFcMdfZGctWYC09KWycC1cQsqZxenaa+aBrW7Q==", - "dev": true + "version": "1.0.30001655", + "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30001655.tgz", + "integrity": "sha512-F9U3J+2WATbKU3e9O9EZqGYLQ80QtSdoDcPdJY16+AqQ92rjbLW5ZOk4aZs3NW/KhhM3QPRiiPuyYfTPcyGbzw==", + "dev": true, + "license": "CC-BY-4.0" }, "node_modules/caniuse-lite": { - "version": "1.0.30001512", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001512.tgz", - "integrity": "sha512-2S9nK0G/mE+jasCUsMPlARhRCts1ebcp2Ji8Y8PWi4NDE1iRdLCnEPHkEfeBrGC45L4isBx5ur3IQ6yTE2mRZw==", + "version": "1.0.30001655", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001655.tgz", + "integrity": "sha512-jRGVy3iSGO5Uutn2owlb5gR6qsGngTw9ZTb4ali9f3glshcNmJ2noam4Mo9zia5P9Dk3jNNydy7vQjuE5dQmfg==", "funding": [ { "type": "opencollective", @@ -1572,7 +1573,8 @@ "type": "github", "url": "https://github.com/sponsors/ai" } - ] + ], + "license": "CC-BY-4.0" }, "node_modules/chalk": { "version": "4.1.2", diff --git a/package.json b/package.json index 61248b9..a9810da 100644 --- a/package.json +++ b/package.json @@ -44,7 +44,7 @@ }, "dependencies": { "browserslist": "^4.21.5", - "caniuse-lite": "^1.0.30001487", + "caniuse-lite": "^1.0.30001655", "css-tokenize": "^1.0.1", "duplexify": "^4.1.2", "multimatch": "^5.0.0", @@ -61,7 +61,7 @@ "@typescript-eslint/eslint-plugin": "^5.54.0", "@typescript-eslint/parser": "^5.54.0", "c8": "^7.13.0", - "caniuse-db": "^1.0.30001487", + "caniuse-db": "^1.0.30001655", "eslint": "^8.35.0", "eslint-config-airbnb-base": "^15.0.0", "eslint-plugin-canonical": "^4.2.2", diff --git a/test/cases/features/css-scroll-timeline.css b/test/cases/features/css-scroll-timeline.css deleted file mode 100644 index 1013a16..0000000 --- a/test/cases/features/css-scroll-timeline.css +++ /dev/null @@ -1,24 +0,0 @@ -/* - -This file contains tests for CSS @scroll-timeline -CSS property that allows animations to be driven by a container's scroll position - -See: https://caniuse.com/css-scroll-timeline - -*/ - -/* -expect: -css-scroll-timeline: 2 -*/ - -@scroll-timeline scroll-in-document-timeline { - source: auto; - orientation: vertical; - scroll-offsets: 0%, 100%; -} - -.test { - animation: test 1s infinite; - animation-timeline: scroll-in-document-timeline; -}