Page 1 of 1

[2.9.5] Compiling css files using less returns Mermaid error

Posted: Thu Oct 06, 2016 2:55 pm
by Breda076
HI,

I try to figure out the templating system. I want to change some CSS stuff like colors, etc.

In order to make an own theme, I copies the default folder to a new folder and changed the template in the admin. That works fine.
Then, I figure that the only file I need to change in fact is the style.min.css. However I want to change thing the right way, which is (according to me) update the less files and compile them into the style.css and style.min.css. Am I correct?

When I try to compile the style.less files (on my Ubuntu 14.04 desktop) I tried:

Code: Select all

lessc style.less style.css
. Unfortunately, I get an error (I changed name and path with <name> and <directoy> manually for obvious reasons):

Code: Select all

FileError: '../../../../../components/mermaid/dist/mermaid.forest.css' wasn't found. Tried - /home/<name>/Documents/<directory>/FAQ/components/mermaid/dist/mermaid.forest.css,/home/<name>/Documents/<directory>/FAQ/components/mermaid/dist/mermaid.forest.css,../../../../../components/mermaid/dist/mermaid.forest.css in /home/<name>/Documents/<directory>/FAQ/TEST - phpMYFAQ/assets/template/<templatename>/less/style.less on line 886, column 1:
885 //
886 @import (less)"../../../../../components/mermaid/dist/mermaid.forest.css";
 
Can you please explain what went wrong and how to compile the less files the right way?

Thanks in advance!

Bob

Re: [2.9.5] Compiling css files using less returns Mermaid e

Posted: Thu Oct 06, 2016 6:53 pm
by Thorsten
Hi,

did you run

Code: Select all

npm install
bower install
?

bye
Thorsten

Re: [2.9.5] Compiling css files using less returns Mermaid e

Posted: Fri Oct 07, 2016 8:05 am
by Breda076
Did that. Same result.

If I read the error, there should be a 'Mermaid.forest.css' thingie somewhere. I cannot find it anywhere on my system. What is this file? It is refered to in the style.less

Tried to compile using Koala: same result.
Tried to compile a simple less file (both in terminal as in Koala): successful compiled to .css file.

Regards,
Bob

Re: [2.9.5] Compiling css files using less returns Mermaid e

Posted: Fri Oct 07, 2016 6:44 pm
by Thorsten
Hi,

if you ran "bower install" you should see a folder called components, there should be a folder called mermaid with the referenced files.

bye
Thorsten

Re: [2.9.5] Compiling css files using less returns Mermaid e

Posted: Mon Oct 10, 2016 1:24 pm
by Breda076
Hi Thorsten,

Were do I need to run that? On the server or on my desktop?

Just ran

Code: Select all

bower init
and

Code: Select all

bower install
on my desktop. Not one 'mermaid' on my system to be found...

Regards,
Bob

Re: [2.9.5] Compiling css files using less returns Mermaid e

Posted: Mon Oct 10, 2016 8:41 pm
by Thorsten
Hi,

but it's listed in bower.json: https://github.com/thorsten/phpMyFAQ/bl ... r.json#L20

bye
Thorsten

Re: [2.9.5] Compiling css files using less returns Mermaid e

Posted: Tue Oct 11, 2016 10:27 am
by Breda076
Hi,

managed to install browser and the mermaid thingies from githup, but probably in the wrong path. Where should they reside? The are now located in my custom /asset/template/<template_name>/less/ directory.

Regards,
Bob

Re: [2.9.5] Compiling css files using less returns Mermaid e

Posted: Sun Jan 01, 2017 1:57 am
by tracy123
Breda076 wrote:Hi,

managed to install browser and the mermaid thingies from githup, but probably in the wrong path. Where should they reside? The are now located in my custom /asset/template/<template_name>/less/ directory.
subchorionichemorrhagehealth care tippoikilothermiahyperthymesiadorsalgia
Regards,
Bob
Thanks for clarification!