aurelia-semantic
v0.0.4
Published
Include Semantic-UI files in Aurelia project
Downloads
2
Readme
Semantic-UI 2.2.11
For include Semantic-UI builded files in your project
Package included completed js 'semantic.js' and 'semantic.min.js'. In add subcomponents in dir '/components' as 'js' and 'min.js'.
Example use in Aurelia. Add in /aurelia_project/aurelia.json
...
"dependencies": [
...
{
"name":"jquery",
"path":"../node_modules/jquery/dist",
"main":"jquery.min",
"export": "$"
},
{
"name":"aurelia-semantic",
"path":"../node_modules/aurelia-semantic",
"main":"semantic.min",
"deps": ["jquery"],
"resources": [
"semantic.min.css"
]
},
...
],
...
Asset settings
Add after "bundles",
"bundles": [...],
"copyFiles": {
"node_modules/aurelia-semantic/themes/default/assets/fonts/icons.woff2": "themes/default/assets/fonts/",
"node_modules/aurelia-semantic/themes/default/assets/fonts/icons.woff": "themes/default/assets/fonts/",
"node_modules/aurelia-semantic/themes/default/assets/fonts/icons.ttf": "themes/default/assets/fonts/"
}
Use styles
Add in app.html
<template>
<require from="aurelia-semantic/semantic.min.css"></require>
<router-view></router-view>
</template>