css - img - هل لديك متغير في مسار الصور في ساس؟



css image hover effects (2)

كان البحث حول الإجابة على السؤال نفسه ، ولكن أعتقد أنني وجدت حلا أفضل: http://blog.grayghostvisuals.com/compass/image-url/

بشكل أساسي ، يمكنك تعيين مسار الصورة في config.rb واستخدام مساعد image-url ()

أرغب في الحصول على متغير واحد يحتوي على المسار الرئيسي لكل الصور الموجودة في ملف CSS. لا أستطيع معرفة ما إذا كان هذا ممكنًا في Sass النقي (مشروع الويب الفعلي ليس هو RoR ، لذلك لا يمكن استخدام asset_pipeline أو أي من ذلك الجاز الرائع).

وهنا مثالي الذي لا يعمل. على الترجمة فإنه يحل في المقام الأول من متغير في خاصية URL الخلفية قائلا ( "Invalid CSS after "..site/background": expected ")" ).

تعريف الوظيفة لإرجاع المسار:

//Vars
$assetPath : "/assets/images";

//Functions
@function get-path-to-assets($assetPath){
  @return $assetPath;
}

باستخدام الوظيفة:

body {
  margin: 0 auto;
  background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0;
  width: 100%; }

سيكون موضع تقدير أي مساعدة.


لا حاجة لوظيفة:

$assetPath : "/assets/images";

...

body {
  margin: 0 auto;
  background: url(#{$assetPath}/site/background.jpg) repeat-x fixed 0 0;
  width: 100%; }

انظر Interpolation للحصول على التفاصيل.





sass