https://github.com/thescientist13/css-tree-media-query-modifier-demo

https://github.com/thescientist13/css-tree-media-query-modifier-demo

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/thescientist13/css-tree-media-query-modifier-demo
• Owner: thescientist13
• Created: 2024-09-13T18:46:25.000Z (4 months ago)
• Default Branch: master
• Last Pushed: 2024-09-13T18:59:07.000Z (4 months ago)
• Last Synced: 2024-11-09T06:40:58.183Z (2 months ago)
• Language: JavaScript
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# css-tree-media-query-modifier-demo

## Setup

1. Clone the repo

1. Run `npm ci`

1. Run `node index.js`

For the given CSS

```css

@media screen and (max-width: 992px) {

  body {

    background-color: blue;

  }

}

```

Observe that `MediaQuery` does not return a value for `modifier` when I think it should be `and`

```sh

➜  css-tree-media-query-modifier-demo git:(master) ✗ node index.js 

{

  node: {

    type: 'MediaQuery',

    loc: null,

    modifier: null,

    mediaType: 'screen',

    condition: { type: 'Condition', loc: null, kind: 'media', children: [List] }

  }

}

```