w3school - image css



هل لديك متغير في مسار الصور في ساس؟ (2)

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

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

https://src-bin.com

أرغب في الحصول على متغير واحد يحتوي على المسار الرئيسي لكل الصور الموجودة في ملف 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%; }

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


Answer #1

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

$assetPath : "/assets/images";

...

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

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





sass