Debian 9 : modifier les variables de Bootstrap

Modifier les variables de Bootstrap sous Debian 18

La documentation, bien que clair, ne détail pas toutes les étapes nécessaire à la compilation de fichier *.scss afin de modifier les variables de Bootstrap.

Installation de curl et ruby.

root@debian~#: apt install curl ruby ruby-dev ruby-ffi

Téléchargement et exécution du script PPA.

root@debian~#: curl -sL https://deb.nodesource.com/setup_10.x -o nodesource_setup.sh
root@debian~#: bash nodesource_setup.sh

Installation de nodejs.

root@debian~#: apt install nodejs

Installation de sass.

root@debian~#: gem install sass

Initialisation du projet.

user@debian~$: npm init

Installation de bootstrap.

root@debian~#: npm install bootstrap

Modification des variables, ici des couleurs.

user@debian~$: vim main.scss

contenu du fichier

$theme-colors: (
    primary:    #007bff,
    secondary:  #6c757d,
    success:    #28a745,
    info:       #17a2b8,
    warning:    #ffc107,
    danger:     #dc3545,
    light:      #F0FBFC,
    dark:       #343a40
);

@import "node_modules/bootstrap/scss/bootstrap";

La ligne @import “node_modules/bootstrap/scss/bootstrap”;.

Compilation du *.scss.

user@debian~$: sass main.scss main.css

by Nicolas SHINEY | January 16, 2019 | No Comments | Scripting