Forum GLPI-Project

guillaumer

Member

Registered: 2020-10-16

Posts: 3

How to compile SCSS files ?

Hello,

I am working to report some CSS customizations I did on an older version of GLPI.

The current version is now using SASS, this is great but I can't find how to compile my .scss files after I modified them.

Can someone help me please so that I can see my modifications on the user interface ?

Thanks and have a nice day !

Best,

Guillaume

guillaumer

Member

Registered: 2020-10-16

Posts: 3

Re: How to compile SCSS files ?

Hello,

I found that the compiler used by GLPI is scssphp (in /vendor/scssphp/scssphp/) but I can not figure how to launch it

Can someone tell me if it is possible to disallow CSS caching so that the CSS files in css_compiled are generated from the SCSS files at each loading ?

Thank you for your help.

Best,

Guillaume

Jean-Christophe

Moderator

Registered: 2007-08-22

Posts: 734

Re: How to compile SCSS files ?

You don't have to compile anything.

Juste create your scss file, add it in the palettes folder and here you go.

guillaumer

Member

Registered: 2020-10-16

Posts: 3

Re: How to compile SCSS files ?

Hi Jean Christophe,

I moved the SCSS file from the css folder to the palettes sub-folder and put a underscore behind its name and It worked.

Thank you very much!

Jean-Christophe

Moderator

Registered: 2007-08-22

Posts: 734

Re: How to compile SCSS files ?

Hi Jean Christophe,

I moved the SCSS file from the css folder to the palettes sub-folder and put a underscore behind its name and It worked.

Thank you very much!

You are very welcome :-)

Have a good weekend

rr88

Member

Registered: 2022-07-02

Posts: 2

Re: How to compile SCSS files ?

I use Version GLPI 10.0.2 Copyright (C) 2015-2022 Teclib' and contributors.

Changes in palettes folders or new files there doesn't work for me.

I need to run first.

php bin/console glpi:build:compile_scss

And I have to change many parts in include folder.
example:

new style.scss in palettes

$logo: "../pics/logos/inventory.png";
$logo_reduced: "../pics/logos/inventory.png";
@import "../includes/palette_light";

changes doesnt work for logo.
have to change it into includes/_logos.scss

----
Yeah I switch to development. There u have webpack.

Last edited by rr88 (2022-07-02 13:41:01)

---

GLPI 10.0.2 Copyright (C) 2015-2022 Teclib' and contributors
Ubuntu 20.04.4 LTS
PHP 8.0.18
MySQL 8.0.28 / 10.8.3-MariaDB