सीएसएस चर के बारे में बतावल गइल बा

बूटस्ट्रैप अपना संकलित सीएसएस में लगभग दू दर्जन सीएसएस कस्टम प्रॉपर्टी (चर) सभ के सामिल कइले बा, प्रति-कम्पोनेंट आधार पर बेहतर कस्टमाइजेशन खातिर दर्जनों अउरी लोग रास्ता पर बा। ई सभ आमतौर पर इस्तेमाल होखे वाला मान सभ जइसे कि हमनी के थीम रंग, ब्रेकपॉइंट, आ प्राथमिक फॉन्ट स्टैक सभ के आसानी से पहुँच प्रदान करे लें जब आपके ब्राउजर के इंस्पेक्टर, कोड सैंडबॉक्स, या सामान्य प्रोटोटाइपिंग में काम करे लें।

हमनी के सभ कस्टम गुण के उपसर्ग के साथbs- दिहल गइल बा ताकि थर्ड पार्टी सीएसएस के साथ टकराव से बचावल जा सके।

जड़ चर के बारे में बतावल गइल बा

इहाँ हमनी के शामिल चर बा (ध्यान दीं कि :rootजरूरी बा) जवना के कहीं भी बूटस्ट्रैप के सीएसएस लोड होखे तक पहुँचल जा सकेला। ई हमनी के फाइल में स्थित बा _root.scssआ हमनी के संकलित dist फाइल में शामिल बा।

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

घटक चर के बारे में बतावल गइल बा

हमनी के विभिन्न घटक खातिर स्थानीय चर के रूप में कस्टम गुण के भी उपयोग करे शुरू कर रहल बानी जा। एह तरीका से हमनी के आपन संकलित CSS के कम कर सकेनी जा, सुनिश्चित कर सकेनी जा कि नेस्टेड टेबल नियर जगहन पर स्टाइल विरासत में ना मिले, आ Sass संकलन के बाद बूटस्ट्रैप घटक सभ के कुछ बेसिक रिस्टाइलिंग आ एक्सटेंडिंग के अनुमति दे सके लीं।

हमनी के टेबल डॉक्यूमेंटेशन पर एक बार देखल जाव कुछ अंतर्दृष्टि खातिर कि हमनी के CSS चर के उपयोग कईसे कर रहल बानी जा .

हमनी के अपना ग्रिड सभ में CSS चर सभ के भी इस्तेमाल कर रहल बानी जा-मुख्य रूप से गटर सभ खातिर-जवना में भविष्य में अउरी घटक के इस्तेमाल आवे वाला बा।

उदाहरण खातिर दिहल गइल बा

CSS चर सभ में Sass के चर सभ नियर लचीलापन मिले ला, बाकी ब्राउजर के परोसल जाए से पहिले संकलन के जरूरत ना पड़े ला। उदाहरण खातिर, इहाँ हमनी के अपना पन्ना के फॉन्ट आ लिंक स्टाइल के CSS चर के साथ रीसेट कर रहल बानी जा।

body {
  font: 1rem/1.5 var(--bs-font-sans-serif);
}
a {
  color: var(--bs-blue);
}