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 5359e332e6 Ce plugin est compatible SPIP 4.1 aussi 5 months ago
demo 1.3.3 6 years ago
inc inclusion manquante dans certains cas 1 year ago
lang [Salvatore] [source:lang/ paquet-scssphp] Export depuis https://trad.spip.net de la langue en 3 years ago
lib/scssphp Mise a jour ScssPHP en version 1.9.0@bc8bece4 10 months ago
prive/bouton oups : pas besoin du bouton avec minibando 6 years ago
spip-cli Être à jour avec spip-cli 9 months ago
.gitattributes [Salvatore] [source:lang/ paquet-scssphp] Export depuis https://trad.spip.net de la langue fr 3 years ago
paquet.xml Ce plugin est compatible SPIP 4.1 aussi 5 months ago
readme.md Complement de doc 2 years ago
scssphp-32.png Logo SVG et suppression du PNG grand format du coup 3 years ago
scssphp-64.png Logo SVG et suppression du PNG grand format du coup 3 years ago
scssphp-xx.svg [ui] coquetterie pour avoir une icone plus charte 1 year ago
scssphp_fonctions.php une option throw pour pouvoir recuperer les erreurs de compilation depuis le cli 2 years ago
scssphp_options.php Version 2.0 du plugin : 3 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