BEST Workflow to edit CSS in PS 1.7

[Web Curator]

Hi Guys,

 

Wich is the best workflow to edit your css file in Prestashop 1.7:

 

- Do you edit the global.css adding more lines?

or

- Do you edit with SASS like the video below, the scss files?

 

 

Please give me your point of view about

 

Thanks a lot

[rocky]

I'd say using SASS is better, since PrestaShop v1.7 now comes with themes/classic/assets/css/theme.css minified by default. That makes it very inconvenient to modify.

[Web Curator]

I totally agree with you Rocky, In your opinion, wich is the best tool to edit with saas?
 

Do you agree with the method of the video above ?

 

Regards

Edited March 8, 2017 by Web Curator (see edit history)

[rocky]

You can try it. I tried to set up SASS inside Adobe Dreamweaver CC, but I ended up with compile errors. I'll try again with a future version of PrestaShop to see if I can get it to work.

[Web Curator]

I have followed the instruction to use SCOUT  like mention in the official doc: http://doc.prestashop.com/display/PS16/Using+Sass

 

- The INPUT DIRECTORY IS: /htdocs/prestashop1/themes/classic/_dev/css

- The OUTPUT DIRECTORY IS: /xamppfiles/htdocs/prestashop1/themes/classic/assets

 

The App finds 19 errors like:

 

- File to import not found or unreadable: ~bourbon/app/assets/stylesheets/bourbon
Parent style sheet: 
theme.scss

 

or

Undefined variable: "$brand-primary".
products.scss

 

or

no mixin named search-box

 

 

How I can fix it? I seem strange that the original theme as some bugs

Edited March 9, 2017 by Web Curator (see edit history)

[rocky]

I'm getting errors like that in Dreamweaver too. Try posting a bug report on the Forge.

[Web Curator]

I found this first GUIDE on line, seems good:

 

https://blog.belvg.com/how-to-create-a-theme-for-prestashop-1-7-part-1.html