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 3b0d87d70b Mise a jour de scssphp en 1.2.1 2 weeks ago
demo 1.3.3 3 years ago
inc Supprimer après usage. 1 month ago
lang [Salvatore] [source:lang/ paquet-scssphp] Export depuis https://trad.spip.net de la langue en 7 months ago
lib/scssphp Mise a jour de scssphp en 1.2.1 1 week ago
prive/bouton oups : pas besoin du bouton avec minibando 3 years ago
spip-cli Oups, donc : il manquait le spip-cli dans 0ee4fe7 1 month ago
.gitattributes [Salvatore] [source:lang/ paquet-scssphp] Export depuis https://trad.spip.net de la langue fr 8 months ago
paquet.xml Mise a jour de scssphp en 1.2.1 1 week ago
readme.md Complement de doc 1 month ago
scssphp-32.png Logo SVG et suppression du PNG grand format du coup 9 months ago
scssphp-64.png Logo SVG et suppression du PNG grand format du coup 9 months ago
scssphp-xx.svg Logo SVG et suppression du PNG grand format du coup 9 months ago
scssphp_fonctions.php Fix l'execution lente sur les postes de developpement avec xdebug actif 1 month ago
scssphp_options.php Version 2.0 du plugin : 1 year 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