CSS फ़ाइलों को कम फ़ाइलों में आयात करना

कम में, बाहरी स्टाइलशीट आयात करना आपके कोड को व्यवस्थित करने और बनाए रखने के लिए एक उपयोगी सुविधा है। हालाँकि, विभिन्न फ़ाइल प्रकारों को आयात करते समय विशिष्ट आवश्यकताओं को समझना आवश्यक है। . हमेशा की तरह @import निर्देश का उपयोग करने से काम नहीं चलेगा।

.css फ़ाइलों को आयात करने के लिए सिंटेक्स

एक .css फ़ाइल को LESS फ़ाइल में आयात करने के लिए, आपको निम्नलिखित सिंटैक्स का उपयोग करने की आवश्यकता है:

@import (css) "path/to/style.css";

(css) विकल्प निर्दिष्ट करके, आप स्पष्ट रूप से LESS कंपाइलर को आयातित फ़ाइल को CSS फ़ाइल के रूप में मानने के लिए कहते हैं। यह सुनिश्चित करेगा कि .css फ़ाइल के भीतर CSS शैलियाँ आपकी LESS फ़ाइल में शामिल हैं।

@import (css) "path/to/style.css";

निम्नलिखित कोड पर विचार करें:

@import (css)"। ./style.css"; ।छोटा { फ़ॉन्ट-आकार: 60%; ।प्रकार; }

इस उदाहरण में, LESS फ़ाइल ../style.css फ़ाइल आयात करती है, जिसमें .type नामक एक वर्ग होता है। (सीएसएस) विकल्प निर्दिष्ट करके, LESS कंपाइलर आयातित फ़ाइल को CSS फ़ाइल के रूप में पहचान लेगा और क्लास .type को आपकी LESS फ़ाइल के भीतर पहुंच योग्य बना देगा।

@import (css) "../style.css";

.small {
  font-size: 60%;
  .type;
}