Ubuntu 18 : modifier les variables de Bootstrap

Modifier les variables de Bootstrap sous Ubuntu 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 ruby.

root@ubuntu~#: apt install ruby ruby-dev ruby-ffi npm

Installation de sass.

root@ubuntu~#: gem install sass

Initialisation du projet.

user@ubuntu~$: npm init

Installation de bootstrap.

root@ubuntu~#: npm install bootstrap

Modification des variables, ici des couleurs.

user@ubuntu~$: vim style.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”; est à mettre en fin de fichier.

Compilation du *.scss.

user@ubuntu~$: sass style.scss style.css

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