Ce projet n'est plus maintenu. Nous encourageons les gens à tirer parti des fonctionnalités CSS natives modernes au lieu de cette bibliothèque. Vous pouvez vous référer à notre article de blog sur la façon de remplacer ou de repenser chaque aide.
Bourbon est une bibliothèque de mixins SASS et de fonctions conçues pour faire de vous un auteur de feuille de style plus efficace.
C'est…
Installez le Bourbon Gem à l'aide du gestionnaire de package RubyGems:
gem install bourbon
Installez la bibliothèque Bourbon dans le répertoire actuel:
bourbon install
Conseil de pro: vous pouvez cibler l'installation dans un répertoire spécifique en utilisant l'indicateur path
:
bourbon install --path my/custom/path/
Importer du bourbon au début de votre feuille de style:
@import " bourbon/bourbon " ;
Il n'est pas recommandé de modifier directement les fichiers de Bourbon, car il rendra la mise à jour des versions futures difficiles, en écrasant vos modifications personnalisées ou en provoquant des conflits de fusion.
Ajoutez du bourbon à votre gemfile:
gem "bourbon"
Puis courez:
bundle install
Redémarrez votre serveur et renommez application.css
sur application.scss
:
mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
Supprimez toutes les directives Sproquets dans application.scss
( require
, require_tree
et require_self
) et utilisez plutôt @import
native de SASS (pourquoi?).
Importer Bourbon au début de application.scss
. Tous les styles de projet qui utilisent les fonctionnalités de Bourbon doivent être importés après Bourbon.
@import " bourbon " ;
@import " home " ;
@import " users " ;
Ajouter le bourbon comme dépendance:
npm install --save bourbon
Si vous utilisez des lunettes, sautez à l'étape 3. Sinon, vous devrez ajouter du bourbon à votre option Node-Sass includePaths
. require("bourbon").includePaths
est un tableau de répertoires que vous devez transmettre à Node-Sass. La façon dont vous faites cela dépend de la façon dont Node-Sass est intégré à votre projet.
Importez du bourbon dans vos fichiers SASS:
@import " bourbon " ;
Désinstaller toutes les versions Bourbon Gem que vous avez déjà:
gem uninstall bourbon
Réinstallez le GEM Bourbon, en utilisant l'indicateur -v
pour spécifier la version dont vous avez besoin:
gem install bourbon -v 4.2.7
Suivez les instructions ci-dessus pour installer Bourbon dans votre projet.
bourbon [options]
Option | Description |
---|---|
-h , --help | Montrer de l'aide |
-v , --version | Afficher le numéro de version |
--path | Spécifiez un chemin personnalisé |
--force | Installation de force (écraser) |
Commande | Description |
---|---|
bourbon install | Installez le bourbon dans le répertoire actuel |
bourbon update | Écraser et mettre à jour le bourbon dans le répertoire actuel |
bourbon help | Montrer de l'aide |
Bourbon prend en charge Internet Explorer 11+ et les dernières versions de Chrome, Firefox, Safari et Edge.
Voir le document contribuant. Merci, contributeurs!
Bourbon est Copyright © 2011 Thoughtbot, Inc. Il s'agit d'un logiciel gratuit et peut être redistribué selon les termes spécifiés dans la licence.
Ce repo est maintenu et financé par Thoughtbot, inc. Les noms et logos de Thoughtbot sont des marques de Thoughtbot, inc.
Nous aimons les logiciels open source! Voir nos autres projets. Nous sommes disponibles à la location.