aurelia-semantic

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>