aurelia-semantic/README.markdown

Include Semantic-UI files in Aurelia project

## 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>
```