You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Cerdic be0c57eace une option throw pour pouvoir recuperer les erreurs de compilation depuis le cli 1 month ago
demo 1.3.3 4 years ago
inc Mise a jour de ScssPHP et refactoring utilisation du compiler pour definir find-in-path() de maniere plus perenne 5 months ago
lang [Salvatore] [source:lang/ paquet-scssphp] Export depuis https://trad.spip.net de la langue en 1 year ago
lib/scssphp Mise a jour de la lib ScssPHP pour correction du bug sur le reparsing de selecteurs 4 months ago
prive/bouton oups : pas besoin du bouton avec minibando 4 years ago
spip-cli une option throw pour pouvoir recuperer les erreurs de compilation depuis le cli 1 month ago
.gitattributes [Salvatore] [source:lang/ paquet-scssphp] Export depuis https://trad.spip.net de la langue fr 1 year ago
paquet.xml une option throw pour pouvoir recuperer les erreurs de compilation depuis le cli 1 month ago
readme.md Complement de doc 8 months ago
scssphp-32.png Logo SVG et suppression du PNG grand format du coup 1 year ago
scssphp-64.png Logo SVG et suppression du PNG grand format du coup 1 year ago
scssphp-xx.svg Logo SVG et suppression du PNG grand format du coup 1 year ago
scssphp_fonctions.php une option throw pour pouvoir recuperer les erreurs de compilation depuis le cli 1 month ago
scssphp_options.php Version 2.0 du plugin : 2 years ago

readme.md

SCSSPHP pour SPIP 3.1+

Compile en CSS et mets en cache un fichier SCSS (https://sass-lang.com/) grace au compilateur ScssPHP https://scssphp.github.io/scssphp/

Le plugin requiert PHP 5.6 ou plus

Permet d'utiliser des feuilles de style scss dans ses squelettes et thèmes, et permet d'utiliser notamment le plugin BootStrap4 https://git.spip.net/spip-contrib-extensions/bootstrap4

Exemple

Inclusion du fichier css/scss_demo.scss dans un squelette SPIP

[<link rel="stylesheet" href="(#CSS{css/scss_demo.css})" type="text/css" />]

La balise #CSS

  • gère le mélange des feuilles .css et .scss : on peut surcharger une feuille .css d'un squelette par une feuille .scss
  • compile les feuilles .scss à la volée automatiquement
  • applique automatiquement les filtres |direction_css|timestamp

Exemple complet d'utilisation dans un squelette : https://git.spip.net/spip-contrib-squelettes/spipr-dist/src/branch/master/inclure/head.html

Demo

Appel de la démo via ./?page=demo/test_scss (logé administrateur)

Utilisation sur poste de développement avec xDebug

Si l'extension PHP xDebug est activée, la compilation des SCSS est très lente car le compilateur demande beaucoup de calcul. Il est alors possible d'échapper à cette lenteur en compilant en cli pour utiliser une instance PHP sans xdebug.

Pour cela

  • il faut avoir installé spip-cli https://contrib.spip.net/SPIP-Cli
  • il faut que la commande exec() soit autorisée
  • il faut ajouter dans son fichier mes_options.php la ligne
define('_SCSSPHP_SPIP_CLI_COMPILE', true);

Si besoin il est possible de definir le path de spip-cli via une seconde ligne (par défaut c'est /usr/local/bin/spip)

define('_SCSSPHP_SPIP_CLI_BIN', '/path/to/spip');

Cette fonctionnalité permet aussi d'executer la compilation SCssPHP sur une version PHP plus récente que celle utilisée pour afficher le site

define('_SCSSPHP_SPIP_CLI_BIN', '/path/to/php /path/to/spip');

Par ailleurs, on exclus ainsi la compilation PHP des profilage PHP quand on veut faire une analyse de performance avec le profileur xdebug.

Références