2013-02-16 45 views
9

मैं अपने स्वयं के (प्रकार) के एक SASS/COMPASS "ढांचे" पर काम करता हूं।कॉम्पैस/एसएएसएस कैसे एक चर को @import "sprite/*। Png" पथ में विभाजित करने के लिए?

मैंने एक चर सेट किया - $ sprite - जो फ़ोल्डर का नाम है जहां सभी छवियां संग्रहीत की जाती हैं।

मैं इसे इस तरह से करता हूं, इसलिए बाद में मैं उस नाम का उपयोग प्रतिस्थापन-छवि-मिश्रण और स्प्राइट पीढ़ी के लिए कर सकता हूं।

अगर @import "# {$ sprite}/*। Png" काम कर रहा था तो सबकुछ बढ़िया होगा।

कोई विचार?

//sprite images folder name 
     $sprite: "sprite"; 

    //settings 
     $sprite-sprite-base-class: ".#{$sprite}" - *works*; 
     $sprite-spacing: 20px; 
     $sprite-sprite-dimensions: true; 

    //generate sprite 
     @import "sprite/*.png"; - normal path - *works* 
     @import "#{$sprite}/*.png" - path with a variable in it - *doesn't work* 

    //mixin   
     @mixin replace-with-image($imageName){ 
      @include replace-text-with-dimensions("#{$sprite}/#{$imageName}.png"); 
      @extend %dis-ib; 
     } - *works* 
+1

कम्पास की तरह दिखता है [केवल आयात में अंतरण का समर्थन करता है] (https://github.com/nex3/sass/issues/49) – steveax

उत्तर

3

मुझे डर लग रहा यह केवल इस समय संभव नहीं है (और के रूप में यह the issue that steveax posted से लग रहा है कभी नहीं होगा)। यदि आप वास्तव में यह चाहते हैं, तो आपको अपना खुद का छोटा प्रीप्रोसेसर लिखना होगा जो आपके चर को हल करता है, फिर उसे .sass/.scss फ़ाइल में आउटपुट करता है। वैकल्पिक रूप से, एक सुविधा अनुरोध सबमिट करें ...