moving from semantic to fomantic - how to?

[birthdaycorp]

Hi everyone,

I'm moving from the most recent version of semantic-ui to fomantic-ui, and am wondering if there is any additional set up beyond running npm install fomantic-ui? I ask because, to get semantic-ui to work in my Rails app, I've been relying on this answer. Note the additional files and steps. Now that I'm using fomantic, I get a Less::Error Unrecognised input when the assets in the page head start loading. Would this have anything to do with the extra set up involved? Do I still need semantic.json? I can see in the assets src folder that pretty much everything is the same, except for some updates and a "fomantic ui" at the top.

[lubber-de]

Make sure your installed LESS Version is >= 3.7, the error message tells you, the consumed LESS code is unparsable,

[birthdaycorp]

Previously i was using the default theme, but had made some slight modifications in the .overrides files. Can I use the precompiled css/js and retain those modifications?

[lubber-de]

Depends on your overall modifications. Maybe it's possible to just add them as custom CSS right after importing the default semantic.css

[birthdaycorp]

After installing less@3.13.1 and fomantic-ui@2.8.8-beta.158, I have finally managed to get something other than unrecognized input!! New error is unmatched '/*'. Does this mean there are some css comments without a closing */ in the dist/ files?

[lubber-de]

Whatever your webpack is doing, but the original dist files from fantic don't have that issue

[birthdaycorp]

i stopped using webpack for now, just want to focus on one thing at a time.

I just switched from Semantic UI to the community maintained Fomantic UI in my Rails app, and that unmatched '/*' error whenever the stylesheet_link_tags and such start to load fomantic assets in the document head. The fomantic styles and js are pulled into my project through the following two files:

application.css.scss
*= require 'semantic-ui/src/semantic

application.js
//= require semantic-ui/dist/semantic

I notice that it works when I make both stylesheet and js load from semantic-ui/dist. However, doing that excludes a lot. Icons stop working. Relevant file stored in semantic-ui/src is semantic.less. Relevant files stored in semantic-ui/dist are semantic.min.css (which i do not require except for just now when switching things around to figure this out) and semantic.min.js (which i do require).

Again, it "works" if I require the minified stylesheet in semantic-ui/dist, and it does not "work" if i require the semantic.less file in semantic-ui/src. Is this a problem with semantic.less or one of the other generated import files? What could this unmatched '/*' mean?