Skip to content

How to setup theming correctly #245

Open
@crixx

Description

@crixx

Hi there, thanks for your work to bring semantic-ui to ember.

I'm trying to setup theming for my project but am struggling with setting-up a build flow for my project.
According to issue #237 semantic-ui ember does not pick up the configuration as documented in the docs.

What I did so far:

  1. setup semantic.json and thus the semantic-less project to output the build-artifacts into the vendor folder.
  2. tried to setup semantic-ui-ember to fetch these files instead of those from node_modules/semantic-ui-css

Here are the files:
semantic.json

{
  "base": "semantic/",
  "paths": {
    "source": {
      "config": "src/theme.config",
      "definitions": "src/definitions/",
      "site": "src/site/",
      "themes": "src/themes/"
    },
    "output": {
      "packaged": "../vendor/semantic/dist/",
      "uncompressed": "../vendor/semantic/dist/components/",
      "compressed": "../vendor/semantic/dist/components/",
      "themes": "../vendor/semantic/dist/themes/"
    },
    "clean": "vendor/semantic/dist/"
  },
  "permission": false,
  "autoInstall": true,
  "rtl": false,
  "version": "2.2.14"
}

ember-cli-build.js

'use strict';

const EmberApp = require('ember-cli/lib/broccoli/ember-app');
module.exports = function(defaults) {
  let app = new EmberApp(defaults, {
    // Add options here
    SemanticUI: {
      source: {
        css: 'vendor/semantic/dist',
        javascript: 'vendor/semantic/dist',
        images: 'vendor/semantic/dist/themes/default/assets/images',
        fonts: 'vendor/semantic/dist/themes/default/assets/fonts'
      }
    }
  });

  return app.toTree();
};

How do I have to configure semantic-ui to pickup only the files form vendor folder?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions