github-markdown-css

github-markdown-css একটি ছোট CSS প্যাকেজ, যার উদ্দেশ্য হলো GitHub রেন্ডার করা Markdown-এর ভিজ্যুয়াল স্টাইল পুনরুত্পাদন করা, ন্যূনতম CSS ব্যবহার করে। স্টাইলশিটটি হাতে লেখা নয় বরং জেনারেট করা হয়; README-তে আলাদা generate-github-markdown-css রিপোজিটরিতে অবদান রাখার নির্দেশ দেওয়া হয়েছে। ব্যবহার সহজ: github-markdown.css ইমপোর্ট করুন, আপনার রেন্ডার করা Markdown ধারণকারী কন্টেইনারে markdown-body ক্লাস যোগ করুন এবং একটি প্রস্থ নির্ধারণ করুন। README-তে উল্লেখ করা হয়েছে GitHub 980px প্রস্থ এবং 45px প্যাডিং ব্যবহার করে, মোবাইলে 15px প্যাডিং, এবং box-sizing, min-width, max-width, margin auto, এবং সংকীর্ণ ভিউপোর্টের জন্য একটি মিডিয়া কোয়েরি সহ একটি উদাহরণ দেওয়া আছে। prefers-color-scheme-এর মাধ্যমে একটি ডার্ক-মোড ব্যাকগ্রাউন্ড রঙও দেখানো হয়েছে। প্যাকেজটিতে সাতটি থিম রয়েছে: একটি ডিফল্ট যা prefers-color-scheme-এর মাধ্যমে স্বয়ংক্রিয়ভাবে হালকা ও গাঢ়ের মধ্যে পরিবর্তিত হয়, শুধু-হালকা, শুধু-গাঢ়, গাঢ় ডিমড, গাঢ় উচ্চ-কনট্রাস্ট, গাঢ় কালারব্লাইন্ড (প্রোটানোপিয়া ও ডিউটেরানোপিয়া), এবং হালকা কালারব্লাইন্ড ভ্যারিয়েন্ট। এই স্টাইলগুলির সাথে মিলে যায় এমন HTML-এর জন্য, README GitHub-এর /markdown API ব্যবহারের পরামর্শ দেয়, যা GitHub নিজে তৈরি করা HTML উৎপন্ন করে। এটি উল্লেখ করে অন্যান্য Markdown পার্সারও এই স্টাইলগুলির সাথে বেশিরভাগ ক্ষেত্রে কাজ করবে, এবং GitHub-এর মতো কোড হাইলাইট করার জন্য starry-night সুপারিশ করে। ইনস্টলেশন বিকল্পগুলির মধ্যে ফাইলটি ম্যানুয়ালি ডাউনলোড করা, CDNJS ব্যবহার করা, বা npm install github-markdown-css অন্তর্ভুক্ত। একটি ডেমো পেজ লিঙ্ক করা আছে। একটি সমস্যা সমাধানের নোট ব্যাখ্যা করে যে ডার্ক মোডে কালো টেবিল ফন্টের মতো স্টাইলিং সমস্যা ব্রাউজারটি কুয়ার্কস মোডে পড়ার কারণে হতে পারে; পেজের শীর্ষে একটি ডক্টাইপ অন্তর্ভুক্ত করলে এটি এড়ানো যায়। ডেভেলপমেন্টের জন্য, npm run make CSS আপডেট করে।