প্রশ্ন বেশ সব কিছু বলে।
উদাহরণস্বরূপ, আমি যদি বলি, টুইটার বুটস্ট্র্যাপ , আমি কি নিজের নিজস্ব এসএএসএস স্টাইলশিটে ক্লাসগুলি সংজ্ঞায়িত করতে পারি যা বুটস্ট্র্যাপের সিএসএস ক্লাস থেকে প্রাপ্ত? বা এসএএসএস-এ উত্তরাধিকার কেবলমাত্র একটি একক ফাইলের ক্ষেত্রের মধ্যে কাজ করে?
উত্তর:
হ্যাঁ! এটা সম্ভব.
আপনি যদি চান সমস্ত <button>উপাদান থেকে .btnবর্গ উত্তরাধিকারী হয় টুইটার বুটস্ট্র্যাপের ডিফল্ট বোতামগুলি
আপনার styles.scssফাইলে আপনাকে প্রথমে আমদানি করতে হবে _bootstrap.scss:
@import "_bootstrap.scss";তারপরে আমদানির নীচে:
button { @extend .btn; }@extendবুটস্ট্র্যাপ / যেকোন ফ্রেমওয়ার্কের সাথে একসাথে ব্যবহার করবেন তখন সতর্ক থাকুন , এটি আপনার প্রত্যাশার মতো কার্যকর নাও হতে পারে। আছে: কিছু কিছু বিষয় যেমন এই পোস্টে রূপরেখা সচেতন হতে হয় stackoverflow.com/questions/30744625/...
bootstrap.cssমধ্যে styles.cssবা শুধু .btn? মানে আউটপুট বান্ডেলে? যদি এটি সম্পূর্ণ আমদানি করে তবে এটি অকারণে bootstrap.cssআকার বাড়িয়ে তুলবে styles.css।
** আমার ভুল হতে পারে তবে আপনি যা করার চেষ্টা করছেন তা যদি আমি পাই তবে আপনি @extend .classname;যে উপাদানটি প্রসারিত করতে চান তার ভিতরে থাকা কমান্ডটি কি ব্যবহার করতে পারবেন না ? স্বাভাবিকভাবেই, আপডেটডেটিবিলিটি সংরক্ষণের জন্য আপনার নিজের কোডটি কেবল পরিবর্তন করা উচিত।
আমার জ্ঞান অনুসারে, আপনার@import ফাইলটি সেগুলিতে ব্যবহারের জন্য আপনার SASS ফাইলে যে ক্লাসগুলি ব্যবহার করতে চান সেগুলি সহ আপনার ফাইলটি ব্যবহার করতে হবে। তবে, আমি SASS / SCSS বিশেষজ্ঞ নই, সুতরাং কেউ এগুলি দূরবর্তীভাবে ব্যবহার করার অন্য উপায় সম্পর্কে জানেন যা সম্পর্কে আমি অবগত নই।
ঠিক যেমন গৃহীত উত্তর দেখিয়েছেন এই @import সম্ভব, তবে @import হয়েছে Sass দ্বারা অবচিত
সাস টিম @ ইম্পোর্ট রুলের অবিচ্ছিন্ন ব্যবহারকে নিরুৎসাহিত করে। সাস পরবর্তী কয়েক বছর ধীরে ধীরে এটিকে পর্যালোচনা করবে এবং শেষ পর্যন্ত ভাষা থেকে পুরোপুরি সরিয়ে ফেলবে। পরিবর্তে @ ব্যবহারের নিয়ম পছন্দ করুন।
@ ব্যবহারের নিয়মটি এখন ব্যবহারের পক্ষে আরও উপযুক্ত, কারণ এটি আমদানিকারী (ব্যবহারকারী) মডিউলটির সুযোগকে দূষিত করে না। দুর্ভাগ্যক্রমে লেখার সময় ব্যবহারের নিয়ম কেবল ডার্ট স্যাসে প্রয়োগ করা হয়।