Vcss est un moyen facile d'utiliser des variables CSS, accessible sur tout navigateur.
Importer vcss.php dans votre site.
require_once('vcss.php');
Initialisez ensuite Vcss avec le chemin relatif de votre css.
$vcss = new Vcss('./css/style.css');
Appellez ensuite la balise dans votre .
<link rel="stylesheet" href="<?php $vcss->Create();?>">
Vcss va créer un fichier compressé dans le dossier de votre css.
Pour utiliser des variables, importer d'abord un fichier nommé var.json au haut de votre css, avec son chemin relatif.
@import 'style/var.json';
Créez vos variables dans votre fichier var.json
{
"$color": "#000",
"$size": "15px",
"$style": "background:#333;color:#fff;border-radius:5px;"
}
Et vous n'avez plus cas appeler vos variables qui seront retranscrites dans le css après la compression.
body{background:$color;font-size:$size;}
button{$style}
Avec Vcss vous ne pouvez utiliser la fonction @import que pour importer le fichier var.json et des css avec leurs chemins relatifs.
@import 'style/var.json';
@import 'style/import.css';
@import ...
Le fichier css générer qu'à partir du moment où votre css de base est modifié. Si vous voulez désactiver cette fonction et régénerer le cache à chaque rechargement de la page web en appellant la fonction cache avec en valeur 0.
$vcss->Cache(0);
/!\ Attention, cette fonction empêche les navigateurs de mettre le css en cache, à n'utiliser qu'en phase de développement.
Vcss a été créé par un petit développeur front-end ! Soyez indulgent et n'hésitez-pas à y apporter vos modifications, elles sont les bienvenues !
www.nuixw.fr © 2020