[SPIP] Appeler le contenu d’un fichier distant directement à l’intérieur d’un squelette
Utiliser @extend SCSS en référence à un fichier distant

Récemment, j’ai eu besoin d’incorporer le contenu d’un fichier distant à l’intérieur d’un squelette de feuille de style. En l’occurence, il s’agissait de récupérer un fichier CSS dans sa dernière version (fréquemment mise à jour) et d’étendre certaines règles CSS via des directives @extend de SCSS à d’autres élémenst de mon choix.

Pour complexifier encore la chose, le document source question débute par un BOM [1] qui faisait planter le compilateur SCSSphp.

Mais à SPIP vaillant, rien d’impossible, sans quitter le squelette, en 2 lignes de code s’il vous plait :

  1. [(#HTTP_HEADER{Content-type:text/css[; charset=(#CHARSET)]})]
  2.  
  3. [(#VAL{url_abs_to_css}|recuperer_url{#ARRAY{transcoder,true}}|table_valeur{page}|texte_script)]
  4.  
  5. .formulaire_spip {
  6.  @extend .form--fancy;
  7. }
  8. /* etc  ... */
  9. #FILTRE{scss_compile}

Télécharger