Commit
+5 -2 +/-4 browse
| 1 | diff --git a/media.css b/media.css |
| 2 | new file mode 100644 |
| 3 | index 0000000..5cd579a |
| 4 | --- /dev/null |
| 5 | +++ b/media.css |
| 6 | @@ -0,0 +1 @@ |
| 7 | + @custom-media --motionOK (prefers-reduced-motion: no-preference);@custom-media --motionNotOK (prefers-reduced-motion: reduce);@custom-media --opacityOK (prefers-reduced-transparency: no-preference);@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);@custom-media --useDataOK (prefers-reduced-data: no-preference);@custom-media --useDataNotOK (prefers-reduced-data: reduce);@custom-media --OSdark (prefers-color-scheme: dark);@custom-media --OSlight (prefers-color-scheme: light);@custom-media --highContrast (prefers-contrast: high);@custom-media --lowContrast (prefers-contrast: low);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);@custom-media --HDcolor (dynamic-range: high);@custom-media --xxs-only (min-width: 0px) and (max-width: 240px);@custom-media --xxs-n-above (min-width: 240px);@custom-media --xxs-n-below (max-width: 240px);@custom-media --xxs-phone (--xxs-only) and (--portrait);@custom-media --xs-only (min-width: 240px) and (max-width: 360px);@custom-media --xs-n-above (min-width: 360px);@custom-media --xs-n-below (max-width: 360px);@custom-media --xs-phone (--xs-only) and (--portrait);@custom-media --sm-only (min-width: 360px) and (max-width: 480px);@custom-media --sm-n-above (min-width: 480px);@custom-media --sm-n-below (max-width: 480px);@custom-media --sm-phone (--sm-only) and (--portrait);@custom-media --md-only (min-width: 480px) and (max-width: 768px);@custom-media --md-n-above (min-width: 768px);@custom-media --md-n-below (max-width: 768px);@custom-media --md-phone (--md-only) and (--portrait);@custom-media --lg-only (min-width: 768px) and (max-width: 1024px);@custom-media --lg-n-above (min-width: 1024px);@custom-media --lg-n-below (max-width: 1024px);@custom-media --lg-phone (--lg-only) and (--portrait);@custom-media --xl-only (min-width: 1024px) and (max-width: 1440px);@custom-media --xl-n-above (min-width: 1440px);@custom-media --xl-n-below (max-width: 1440px);@custom-media --xxl-only (min-width: 1440px) and (max-width: 1920px);@custom-media --xxl-n-above (min-width: 1920px);@custom-media --xxl-n-below (max-width: 1920px); |
| 8 | \ No newline at end of file |
| 9 | diff --git a/package-lock.json b/package-lock.json |
| 10 | index a68dd4d..cf4d04b 100644 |
| 11 | --- a/package-lock.json |
| 12 | +++ b/package-lock.json |
| 13 | @@ -1,12 +1,12 @@ |
| 14 | { |
| 15 | "name": "open-props", |
| 16 | - "version": "0.0.6", |
| 17 | + "version": "0.0.7", |
| 18 | "lockfileVersion": 2, |
| 19 | "requires": true, |
| 20 | "packages": { |
| 21 | "": { |
| 22 | "name": "open-props", |
| 23 | - "version": "0.0.6", |
| 24 | + "version": "0.0.7", |
| 25 | "license": "ISC", |
| 26 | "devDependencies": { |
| 27 | "concurrently": "^6.2.1", |
| 28 | diff --git a/package.json b/package.json |
| 29 | index 7399a9e..715cfe8 100644 |
| 30 | --- a/package.json |
| 31 | +++ b/package.json |
| 32 | @@ -29,6 +29,7 @@ |
| 33 | "lib:easing": "postcss src/props.easing.css -o easings.css", |
| 34 | "lib:fonts": "postcss src/props.fonts.css -o fonts.css", |
| 35 | "lib:gradients": "postcss src/props.gradients.css -o gradients.css", |
| 36 | + "lib:media": "postcss src/props.media.css -o media.css", |
| 37 | "lib:shadows": "postcss src/props.shadows.css -o shadows.css", |
| 38 | "lib:sizes": "postcss src/props.sizes.css -o sizes.css", |
| 39 | "lib:zindex": "postcss src/props.zindex.css -o zindex.css", |
| 40 | diff --git a/postcss.config.js b/postcss.config.js |
| 41 | index cc1c47c..2ce99dd 100644 |
| 42 | --- a/postcss.config.js |
| 43 | +++ b/postcss.config.js |
| 44 | @@ -20,6 +20,7 @@ module.exports = { |
| 45 | 'focus-visible-pseudo-class': false, |
| 46 | 'focus-within-pseudo-class': false, |
| 47 | 'color-functional-notation': false, |
| 48 | + 'custom-media-queries': {preserve:true} |
| 49 | } |
| 50 | }), |
| 51 | cssnano({ |