Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to setup theming correctly #245

Open
crixx opened this issue Jan 28, 2019 · 1 comment
Open

How to setup theming correctly #245

crixx opened this issue Jan 28, 2019 · 1 comment

Comments

@crixx
Copy link

crixx commented Jan 28, 2019

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?

@jenweber
Copy link
Contributor

Hi @crixx I PR'd a fix for this that is unreleased:
#242

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants