https://github.com/fimion/vue-css-supports

demo
https://github.com/fimion/vue-css-supports

Last synced: 8 days ago
JSON representation

demo

• Host: GitHub
• URL: https://github.com/fimion/vue-css-supports
• Owner: fimion
• Created: 2017-07-25T11:45:08.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-07-25T12:01:34.000Z (over 7 years ago)
• Last Synced: 2024-12-12T20:15:38.373Z (10 days ago)
• Language: JavaScript
• Size: 43 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vuecssbug

> demo

This is a demo of `@supports` and `@media` being used in a scoped style in vue. 

The expected result (the text should be red in chrome on a screen above 1024px)is not what happens due to the fact that 

the scoped variable is not applied to the double nested class definition. the original rule is applied because it is more specific.

## Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

```

For detailed explanation on how things work, consult the [docs for vue-loader](http://vuejs.github.io/vue-loader).