[
https://issues.apache.org/jira/browse/WEEX-255?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16475222#comment-16475222
]
erha19 commented on WEEX-255:
-----------------------------
Hi Tuqire hussain,
The weex project does not support to include the stylesheet in this way and
cascading styles are not supported, it may cause that the `tachyons` would not
be work., you can see the document here
http://weex.apache.org/wiki/common-styles.html. If you want to include a css
file, we suggest you use in this way:
```
<template>
</template>
<style src="../node_modules/tachyons/css/tachyons.min.css"></style>
```
If you have other questions, please comment here and I will reply you, thanks.
> importing `sass` file into `js` does not register styles
> --------------------------------------------------------
>
> Key: WEEX-255
> URL: https://issues.apache.org/jira/browse/WEEX-255
> Project: Weex
> Issue Type: Bug
> Environment: Weex: v1.2.9
> - weexpack : v1.1.6
> - weex-builder : v0.3.14
> - weex-previewer : v1.4.6
> Env: web
> Reporter: Tuqire hussain
> Assignee: erha19
> Priority: Major
>
> h3. *Overview*
> In our app, we are currently using `tachyons` for our CSS
> ([http://tachyons.io/).] I was hoping to import tachyons directly into
> `entry.js` so they could be used within all components, but this isn't
> working. Even though the app compiles and runs when I run `yarn dev`, the css
> has not been registered. Code is below:
> {code:javascript}
> import '../node_modules/tachyons/css/tachyons.min.css'
> import store from './store'
> import '@/helpers/atom-components'
> import router from './router'
> import App from './index'
> new Vue(Vue.util.extend({ el: '#root', store, router }, App))
> router.push('/')
> /* global Vue */
> /* eslint-disable no-new */
> // new Vue(Vue.util.extend({ el: '#root', router }, App)){code}
>
> Can someone help with this please?
--
This message was sent by Atlassian JIRA
(v7.6.3#76005)
