Fondation compilant sass en utilisant PyCharm

Question

J'expérimente avec des sites Foundation, en compilant le sass en utilisant PyCharm.

Après avoir créé un dossier appelé fondation, je l'ai installé les fichiers selon les instructions du site

cd foundation 
npm install foundation-sites --save 

J'ai créé un dossier à la racine de mon projet (le même niveau que le dossier de base) appelé SASS-test, et dans ce que je un fichier appelé custom.scss et au sommet je:

@import "../foundation/node_modules/foundation-sites/scss/settings"; 
@import "../foundation/node_modules/foundation-sites/scss/foundation"; 

les chemins sont corrects.

Ci-dessous que je viens entré quelque chose de simple pour tester la compilation par exemple

body { 
    background:red; 
} 

Après avoir mis en place mon veilleur de fichier dans PyCharm, le code ne compile dans le dossier SASS-test, mais le compilé css ne comprend que la règle du corps. N'ayant pas utilisé sass beaucoup du tout, quelqu'un peut-il me dire où je vais mal ici?

Merci beaucoup!

Answer 1

Essayez de charger le répertoire util. EG

@import '../node_modules/foundation-sites/scss/util/util';  
@import '../node_modules/foundation-sites/scss/foundation.scss'; 

// Settings 
@include foundation-global-styles; 
@include foundation-grid; 
@include foundation-typography; 
@include foundation-forms; ` 

etc etc ..

je charge tous les paramètres de cette façon que je ne l'ai pas besoin d'utiliser tout ce qui est descendu, mais si vous voulez le tout, vous pouvez sans doute il suffit d'inclure la réglages partiels de la même manière. Je pense principalement pour moi le problème ne chargeait pas les utils.

C'est ainsi que j'ai obtenu ma structure partielle à partir de node_modules, mais je n'ai aucune expérience avec Pycharm.

Espérons que cela aide!