https://github.com/rafgraph/browserslist-config-css-grid
Browserslist config of all browsers that support css grid
https://github.com/rafgraph/browserslist-config-css-grid
Last synced: about 1 year ago
JSON representation
Browserslist config of all browsers that support css grid
- Host: GitHub
- URL: https://github.com/rafgraph/browserslist-config-css-grid
- Owner: rafgraph
- License: mit
- Created: 2020-09-20T14:28:46.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2020-09-21T01:31:34.000Z (over 5 years ago)
- Last Synced: 2025-04-18T06:25:00.056Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 48.8 KB
- Stars: 11
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Browserslist Config CSS Grid
Do you use CSS Grid? Then this `browserslist` is for you!
Exports a `browserslist` of all browsers that support CSS Grid (browsers that have partial support, e.g. IE 11, are excluded).
```
npm install --save-dev browserslist-config-css-grid
```
```
"browserslist": [
"extends browserslist-config-css-grid"
]
```
### Recommended Usage
Since `browserslist-config-css-grid` includes _all_ browsers that support CSS Grid it is recommended to combine it with `and` queries to further limit the supported browsers.
To combine it with Browserslist's `defaults` list use:
```
"browserslist": [
"extends browserslist-config-css-grid and defaults"
]
```
To combine it with the last 2 versions, or > 0.2%, and browsers that are not dead, use (note that `and` has to come after `or`):
```
"browserslist": [
"last 2 versions or > 0.2% and not dead and extends browserslist-config-css-grid"
]
```
After setting up the `browserslist` config in your project you can run `npx browserslist` in the root directory to see the list of browsers.
For more info on using `browserslist` queries see https://github.com/browserslist/browserslist#query-composition