تم نقل Discourse إلى Dart Sass

إعلانات
1

لقد أجرينا للتو ترقية كبيرة لخط أنابيب مترجم Sass الخاص بنا في Discourse، بالانتقال من libsass المهملة إلى Dart Sass المدعومة.

هذه خطوة سلسة، ولا ينبغي أن يتغير أي شيء على موقعك بعد الترقية. في حالة نادرة تعطل فيها شيء ما، تابع القراءة.

ملاحظة للمطورين والمصممين

أثناء الانتقال، قمنا بمراجعة جميع الإضافات والقوالب مفتوحة المصدر وتأكدنا من أن كل شيء لا يزال يعمل مع خط الأنابيب الجديد، وأجرينا تغييرات/طلبات سحب لمعالجة أي تحذيرات أثناء الترجمة.

تفاصيل الإصدار

هذا ينقلنا

من:

  • sassc 2.0.1 (فبراير 2019)
  • libsass 3.5.2 (مايو 2018)

إلى:

  • dart-sass 1.58 (يناير 2023)

تطبق هذه الترقية الإهمالات التالية:

هذه التغييرات التي قد تسبب أعطالًا قادمة قريبًا أو تم إصدارها مؤخرًا:

الوظائف أكثر صرامة بشأن الوحدات التي تسمح بها بدءًا من Dart Sass 1.32.0.

المحددات ذات الموصلات غير الصالحة غير صالحة بدءًا من Dart Sass 1.54.0.

تغيير / من عملية قسمة إلى فاصل قائمة بدءًا من Dart Sass 1.33.0.

تحليل الصيغة الخاصة لـ @-moz-document سيكون غير صالح بدءًا من Dart Sass 1.7.2.

لم يكن من الممكن توسيع المحددات المركبة في Dart Sass 1.0.0 و Ruby Sass 4.0.0.

أسئلة وأجوبة

لم تكن هناك تغييرات جذرية لهذه الترقية، لذا ستعمل 99٪ من القوالب بشكل جيد.

إذا كنت تشغل Discourse بدون أي قوالب مخصصة، فلن يتغير شيء. في المرة القادمة التي تقوم فيها بالترقية (أو يتم ترقيتك بواسطة شركة الاستضافة الخاصة بك)، سيحدث هذا في الخلفية.

إذا كنت على استضافة CDCK وتستخدم قالبًا قمنا بتطويره لك، فقد جعلناه بالفعل متوافقًا مع Dart Sass.

إذا كنت تستخدم #قالب #رسمي و/أو عددًا من #مكونات_القالب، فقد جعلناها بالفعل متوافقة مع إصدار Sass الجديد.

إذا تعطل قالبك المخصص، يرجى مشاركته معنا وسنساعد في إصلاحه.

17 إعجابًا
2

:sweat_smile: كلاهما CW و Multilingual تعطل بسبب هذا ولكنهما تم إصلاحهما.

7 إعجابات
3

شكرًا على التنبيه، يبدو أن sass-migrator لا يغطي هذا :man_facepalming:. أنا أبحث عن حالات هذا الآن.

تعديل: كنت قلقًا بشأن هذا، ولكن بعد البحث عن هذا الخطأ في جميع الإضافات والسمات مفتوحة المصدر والمغلقة، لم أجد سوى هذا الاستخدام لـ extend في الإضافتين اللتين ذكرتهما.

9 إعجابات
4

مرحباً صباح الخير، منذ التحديث، زاد حجم شريط الرأس لدينا، وهناك فجوة لا تقل عن بوصة في أعلى الصفحة

تعديل.

وجدت أن هذا كان في جزء الرأس من CSS

كانت الأخرى فارغة لذا أصبح الرأس الآن مثاليًا، ومع ذلك لا يمكنني إضافة خلفية مخصصة

شكرا

3 إعجابات
5

لست متأكدًا مما إذا كانت هذه مشكلة في CSS أو مشكلة في المحلل ولكنني اعتقدت أنه قد يكون من الجيد مشاركتها على أي حال.

Discourse::ScssError: خطأ: مسافة بيضاء متوقعة

@media screen and(min-width: $breakpoint-sm) {
                 ^
5 إعجابات