প্রপস @custom-media ওপেন রেসিপি | css-ট্রিকস

@custom-media ফায়ারফক্স নাইটলিতে এট-রুল এসেছে! আমি রিলিজ নোটে এটি খুঁজে পাইনি কিন্তু অ্যাডাম আর্গিল বীটে উল্লেখ করেছেন যে এটি আপাতত একটি পতাকার পিছনে রয়েছে।

আমি প্রায়ই কারো সঠিক নাম ভুলে যাই @media ক্যোয়ারী বা শুধু মত কিছু টাইপ ক্লান্ত পেতে @media screen and (prefers-reduced-motion: no-preference) ঘন ঘন। @custom-media এটি সেই পুরানো পেশী স্মৃতিকে কিছুটা বিরতি দেবে কারণ এটি আমাদের প্রশ্নের জন্য উপনাম তৈরি করতে দেয়।

আসলে, অ্যাডামস ওপেন প্রপস প্রজেক্টে 45 টিরও বেশি রয়েছে যা চমৎকার রেসিপি তৈরি করে:

@custom-media --motionOK (prefers-reduced-motion: no-preference);

@media (--motionOK) {
  /* animations and transitions */
}

সরাসরি লিঙ্ক →