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

themes "bootstrap3, twitter..." don't work #115

Open
thearabbit opened this issue Mar 22, 2017 · 6 comments
Open

themes "bootstrap3, twitter..." don't work #115

thearabbit opened this issue Mar 22, 2017 · 6 comments

Comments

@thearabbit
Copy link

It show

While processing files with less (for target web.browser):
   client/lib/semantic-ui/theme.import.less:23: Unknown import: themes/amazon/globals/site.variables.import.less
@nooitaf
Copy link
Member

nooitaf commented Mar 22, 2017

you need to have the default theme set to true also
..or..
you can't set a theme for something it has no files for... pls check the themes folders and their contents and what components/files they have before using

@thearabbit
Copy link
Author

Yes I set default: true, bootstrap3: true.
But It is OK for amazon, material.

@nooitaf
Copy link
Member

nooitaf commented Mar 24, 2017

try also, basic... and compare the contents of the 3 theme folders

@thearabbit
Copy link
Author

have the same problem

While processing files with less (for target web.browser):
   client/lib/semantic-ui/theme.import.less:23: Unknown import: themes/basic/globals/site.variables.import.less

@thearabbit
Copy link
Author

1- First work fine to installed basic to themes folder

"themes": {
    "amazon": false,
    "basic": true,
  1. I tried to change, but show error
/* Global */
@site       : 'basic';
@reset      : 'default';

@nooitaf
Copy link
Member

nooitaf commented Mar 24, 2017

Did you check the contents of the theme folder...?
IF you set all themes to true, you will get these files and folders...

themes/
├── amazon
│   ├── elements
│   │   ├── button.overrides.import.less
│   │   └── button.variables.import.less
│   └── globals
│       └── site.variables.import.less
├── basic
│   ├── collections
│   │   ├── table.overrides.import.less
│   │   └── table.variables.import.less
│   ├── elements
│   │   ├── button.overrides.import.less
│   │   ├── button.variables.import.less
│   │   ├── icon.overrides.import.less
│   │   ├── icon.variables.import.less
│   │   ├── step.overrides.import.less
│   │   └── step.variables.import.less
│   ├── globals
│   │   ├── reset.overrides.import.less
│   │   └── reset.variables.import.less
│   ├── modules
│   │   ├── progress.overrides.import.less
│   │   └── progress.variables.import.less
│   └── views
│       ├── card.overrides.import.less
│       └── card.variables.import.less
├── bookish
│   └── elements
│       ├── header.overrides.import.less
│       └── header.variables.import.less
├── bootstrap3
│   └── elements
│       ├── button.overrides.import.less
│       └── button.variables.import.less
├── chubby
│   ├── collections
│   │   ├── form.overrides.import.less
│   │   ├── form.variables.import.less
│   │   ├── menu.overrides.import.less
│   │   └── menu.variables.import.less
│   ├── elements
│   │   ├── button.overrides.import.less
│   │   ├── button.variables.import.less
│   │   ├── header.overrides.import.less
│   │   └── header.variables.import.less
│   ├── modules
│   │   ├── accordion.overrides.import.less
│   │   └── accordion.variables.import.less
│   └── views
│       ├── comment.overrides.import.less
│       └── comment.variables.import.less
├── classic
│   ├── collections
│   │   ├── table.overrides.import.less
│   │   └── table.variables.import.less
│   ├── elements
│   │   ├── button.overrides.import.less
│   │   ├── button.variables.import.less
│   │   ├── header.overrides.import.less
│   │   └── header.variables.import.less
│   ├── modules
│   │   ├── progress.overrides.import.less
│   │   └── progress.variables.import.less
│   └── views
│       ├── card.overrides.import.less
│       └── card.variables.import.less
├── colored
│   └── modules
│       ├── checkbox.overrides.import.less
│       └── checkbox.variables.import.less
├── default
│   ├── collections
│   │   ├── breadcrumb.overrides.import.less
│   │   ├── breadcrumb.variables.import.less
│   │   ├── form.overrides.import.less
│   │   ├── form.variables.import.less
│   │   ├── grid.overrides.import.less
│   │   ├── grid.variables.import.less
│   │   ├── menu.overrides.import.less
│   │   ├── menu.variables.import.less
│   │   ├── message.overrides.import.less
│   │   ├── message.variables.import.less
│   │   ├── table.overrides.import.less
│   │   └── table.variables.import.less
│   ├── elements
│   │   ├── button.overrides.import.less
│   │   ├── button.variables.import.less
│   │   ├── container.overrides.import.less
│   │   ├── container.variables.import.less
│   │   ├── divider.overrides.import.less
│   │   ├── divider.variables.import.less
│   │   ├── flag.overrides.import.less
│   │   ├── flag.variables.import.less
│   │   ├── header.overrides.import.less
│   │   ├── header.variables.import.less
│   │   ├── icon.overrides.import.less
│   │   ├── icon.variables.import.less
│   │   ├── image.overrides.import.less
│   │   ├── image.variables.import.less
│   │   ├── input.overrides.import.less
│   │   ├── input.variables.import.less
│   │   ├── label.overrides.import.less
│   │   ├── label.variables.import.less
│   │   ├── list.overrides.import.less
│   │   ├── list.variables.import.less
│   │   ├── loader.overrides.import.less
│   │   ├── loader.variables.import.less
│   │   ├── rail.overrides.import.less
│   │   ├── rail.variables.import.less
│   │   ├── reveal.overrides.import.less
│   │   ├── reveal.variables.import.less
│   │   ├── segment.overrides.import.less
│   │   ├── segment.variables.import.less
│   │   ├── step.overrides.import.less
│   │   └── step.variables.import.less
│   ├── globals
│   │   ├── reset.overrides.import.less
│   │   ├── reset.variables.import.less
│   │   ├── site.overrides.import.less
│   │   └── site.variables.import.less
│   ├── modules
│   │   ├── accordion.overrides.import.less
│   │   ├── accordion.variables.import.less
│   │   ├── checkbox.overrides.import.less
│   │   ├── checkbox.variables.import.less
│   │   ├── dimmer.overrides.import.less
│   │   ├── dimmer.variables.import.less
│   │   ├── dropdown.overrides.import.less
│   │   ├── dropdown.variables.import.less
│   │   ├── embed.overrides.import.less
│   │   ├── embed.variables.import.less
│   │   ├── modal.overrides.import.less
│   │   ├── modal.variables.import.less
│   │   ├── nag.overrides.import.less
│   │   ├── nag.variables.import.less
│   │   ├── popup.overrides.import.less
│   │   ├── popup.variables.import.less
│   │   ├── progress.overrides.import.less
│   │   ├── progress.variables.import.less
│   │   ├── rating.overrides.import.less
│   │   ├── rating.variables.import.less
│   │   ├── search.overrides.import.less
│   │   ├── search.variables.import.less
│   │   ├── shape.overrides.import.less
│   │   ├── shape.variables.import.less
│   │   ├── sidebar.overrides.import.less
│   │   ├── sidebar.variables.import.less
│   │   ├── sticky.overrides.import.less
│   │   ├── sticky.variables.import.less
│   │   ├── tab.overrides.import.less
│   │   ├── tab.variables.import.less
│   │   ├── transition.overrides.import.less
│   │   └── transition.variables.import.less
│   └── views
│       ├── ad.overrides.import.less
│       ├── ad.variables.import.less
│       ├── card.overrides.import.less
│       ├── card.variables.import.less
│       ├── comment.overrides.import.less
│       ├── comment.variables.import.less
│       ├── feed.overrides.import.less
│       ├── feed.variables.import.less
│       ├── item.overrides.import.less
│       ├── item.variables.import.less
│       ├── statistic.overrides.import.less
│       └── statistic.variables.import.less
├── duo
│   └── elements
│       ├── loader.overrides.import.less
│       └── loader.variables.import.less
├── fixed-width
│   ├── collections
│   │   ├── grid.overrides.import.less
│   │   └── grid.variables.import.less
│   └── modules
│       ├── modal.overrides.import.less
│       └── modal.variables.import.less
├── flat
│   ├── collections
│   │   ├── form.overrides.import.less
│   │   └── form.variables.import.less
│   └── globals
│       ├── site.overrides.import.less
│       └── site.variables.import.less
├── github
│   ├── collections
│   │   ├── breadcrumb.variables.import.less
│   │   ├── form.overrides.import.less
│   │   ├── form.variables.import.less
│   │   ├── grid.variables.import.less
│   │   ├── menu.overrides.import.less
│   │   ├── menu.variables.import.less
│   │   ├── message.overrides.import.less
│   │   ├── message.variables.import.less
│   │   └── table.variables.import.less
│   ├── elements
│   │   ├── button.overrides.import.less
│   │   ├── button.variables.import.less
│   │   ├── header.variables.import.less
│   │   ├── icon.overrides.import.less
│   │   ├── icon.variables.import.less
│   │   ├── image.variables.import.less
│   │   ├── input.overrides.import.less
│   │   ├── input.variables.import.less
│   │   ├── label.overrides.import.less
│   │   ├── label.variables.import.less
│   │   ├── segment.overrides.import.less
│   │   ├── segment.variables.import.less
│   │   ├── step.overrides.import.less
│   │   └── step.variables.import.less
│   ├── globals
│   │   └── site.variables.import.less
│   └── modules
│       ├── dropdown.overrides.import.less
│       ├── dropdown.variables.import.less
│       └── popup.variables.import.less
├── gmail
│   └── collections
│       ├── message.overrides.import.less
│       └── message.variables.import.less
├── instagram
│   └── views
│       ├── card.overrides.import.less
│       └── card.variables.import.less
├── material
│   ├── collections
│   │   ├── menu.overrides.import.less
│   │   └── menu.variables.import.less
│   ├── elements
│   │   ├── button.overrides.import.less
│   │   ├── button.variables.import.less
│   │   ├── header.overrides.import.less
│   │   ├── header.variables.import.less
│   │   ├── icon.overrides.import.less
│   │   └── icon.variables.import.less
│   ├── globals
│   │   ├── site.overrides.import.less
│   │   └── site.variables.import.less
│   └── modules
│       ├── dropdown.overrides.import.less
│       ├── dropdown.variables.import.less
│       ├── modal.overrides.import.less
│       └── modal.variables.import.less
├── pulsar
│   └── elements
│       ├── loader.overrides.import.less
│       └── loader.variables.import.less
├── raised
│   └── elements
│       ├── button.overrides.import.less
│       └── button.variables.import.less
├── resetcss
│   └── globals
│       ├── reset.overrides.import.less
│       └── reset.variables.import.less
├── round
│   └── elements
│       ├── button.overrides.import.less
│       └── button.variables.import.less
├── rtl
│   └── globals
│       ├── site.overrides.import.less
│       └── site.variables.import.less
├── striped
│   └── modules
│       ├── progress.overrides.import.less
│       └── progress.variables.import.less
├── timeline
│   └── views
│       ├── feed.overrides.import.less
│       └── feed.variables.import.less
└── twitter
    └── elements
        ├── button.overrides.import.less
        └── button.variables.import.less

It should be clear that not every theme has everything. bootstrap3 and twitter only contain buttons, no more. So you can only enable buttons.

/* Global */
@site       : 'default';
@reset      : 'default';

/* Elements */
@button     : 'twitter';

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