Comment puis-je partager des variables entre les différents fichiers importés?

Je veux utiliser SASS de façon modulaire. Dans le segment de code ci-dessous, vous pouvez voir une manière pour moi de songer à organiser certaines des mises en page d'une page.

Ce que j'ai à l'esprit est la les variables externes dans des langages comme le C.

//file: some_page.scss  
//  
//I want some variables from the fonts, colors partials  
//to be visible to the buttons partial  
//Is it possible?   
//error: _buttons.scss (Line X: Undefined variable: "$color_blue")

@import "colors"  
@import "fonts"  
@import "buttons" 

//in file: _colors.scss  
$color_blue: blue;

//in file: _buttons.scss  

.button {
    background-color: $color_blue;
}
  • Cela devrait fonctionner. Je l'utilise sur tous mes projets sans aucun problème. Si vous voyez une erreur, quelque chose ne va pas.
  • cela se complique encore pas de travail pour moi. il semble avariables doivent être à l'intérieur du fichier de l'utiliser.
  • Comment savez-vous que "l'erreur a été unrelevant à la question réelle"? Si l'OP a négligé d'inclure le point-virgule, la question aurait été fermé comme une erreur typographique. Si le point-virgule est présente, alors la question doit toujours être fermé comme "non reproductible".
  • l'erreur de syntaxe dans le code de l'exemple n'a aucun rapport avec la question posée.
  • Et la fixation de l'erreur de syntaxe ne permet pas de produire l'erreur revendiquée dans la question. En fait, il ne produit pas une erreur.
  • J'ai juste eu le même problème dans Visual Studio à l'aide de Web Essentials. Une minute plus tard, il a commencé à travailler. J'ai utilisé Ctrl-Z sur mes fichiers pour essayer de revenir à ce qui ne fonctionne pas, mais ne pouvais pas le faire rompre à nouveau, peu importe ce que j'ai essayé. Donc, je pense que c'était juste une étrange chose avec Visual Studio ou Web Essentials.

InformationsquelleAutor Dimitris Zorbas | 2012-12-14
  1. 23

    Oui, c'est la façon dont il fonctionne.

    Tant que _colors.scss est importé avant les autres fichiers.

    Vous pouvez consulter le port de Twitter Bootstrap Sass ici: https://github.com/thomas-mcdonald/bootstrap-sass il utilise des variables dans un mode similaire.

    InformationsquelleAutor Simon Boudrias
  2. 10

    Vous avez besoin d'ajouter un ; à la fin de la @import ligne.

    • Cela devrait être un commentaire n'est pas une réponse
    • C'est la solution. J'ai rencontré le même problème.
    • Ok, Tu veux dire, lors d'un point-virgule est ajoutée alors les variables sont-elles partagées? Wow, Que de couture très intuitif. Sur quelle ligne faut-il ajouter le "participant" ou le "récepteur"? avez-vous une référence?
    • Pas vrai si l'extension du fichier est .sass
    • C'est vrai, mais la question dit some_page.scss. J'ai rencontré ce problème moi-même. Voici la documentation. sass-lang.com/documentation/file.SASS_REFERENCE.html#import
    • En effet. C'est pourquoi mon intervention est un commentaire sur votre réponse, et votre déclaration est une réponse 😉

    InformationsquelleAutor Chloe