Milligram: आसानी से हाइलाइट रंग बदलें (#9b4dca)

को निर्मित 22 फ़र॰ 2018 · 6टिप्पणियाँ · स्रोत: milligram/milligram

CSS3 चर (कस्टम गुण) का उपयोग करके सीएसएस की 1 पंक्ति में हाइलाइट रंग को ओवरराइड करना संभव है।

Milligram.css की तर्ज पर कुछ है:

:root {
  --highlight-color: #9b4dca;
}

और फिर प्रत्येक #9b4dca को var(--highlight-color) से बदलें।

एक बार यह हो जाने के बाद, हाइलाइट रंग को बदलना उतना ही आसान है जितना कि एक custom.css फ़ाइल को शामिल करना

:root {
  --highlight-color: #abcabc;
}

Hacktoberfest new feature

स्रोत

mterron

👍10 ❤3

सबसे उपयोगी टिप्पणी

मैं यहाँ उसी चीज़ के लिए आया था ^^ लेकिन चूंकि यह SASS में लिखा गया है और आप पुराने ब्राउज़रों का समर्थन करना चाह सकते हैं, मैं इस तरह से अधिक फ़ॉलबैक सिद्ध उदाहरण करने की सलाह दूंगा:

button {
  background-color: $color-primary;
  background-color: var(--color-primary, $color-primary);
}

इस तरह जो ब्राउज़र CSS कस्टम गुणों का समर्थन नहीं करते हैं, वे अभी भी एक कार्यशील संस्करण पर वापस आ जाएंगे। साथ ही इस तरह वास्तविक स्टाइलशीट में :root {} की आवश्यकता नहीं है क्योंकि var() पहले से ही एक फ़ॉलबैक विकल्प प्रदान करता है।

चीयर्स,
डोमिनिक

dkundel 23 मार्च 2018

👍6

सभी 6 टिप्पणियाँ

button {
  background-color: $color-primary;
  background-color: var(--color-primary, $color-primary);
}

चीयर्स,
डोमिनिक

dkundel 23 मार्च 2018

👍6

क्‍या इस पर अब तक उनकी कोई प्रगति हुई है या कुछ किया गया है? मैं

timrossback 29 जून 2019

क्‍या इस पर अब तक उनकी कोई प्रगति हुई है या कुछ किया गया है? मैं

आप हमेशा src/_Color.sass से रंगों के मानों को बदल सकते हैं और फिर sass --update के साथ पुन: संकलित कर सकते हैं। आप अपनी खुद की एसएएस फाइलें भी जोड़ सकते हैं।

dntzbgh 29 जून 2019

क्‍या इस पर अब तक उनकी कोई प्रगति हुई है या कुछ किया गया है? मैं
आप हमेशा src/_Color.sass से रंगों के मानों को बदल सकते हैं और फिर sass --update के साथ पुन: संकलित कर सकते हैं। आप अपनी खुद की एसएएस फाइलें भी जोड़ सकते हैं।

अच्छी बात! मुझे लगता है कि मैं थोड़ा और आउट-ऑफ-द-बॉक्स समाधान ढूंढ रहा हूं क्योंकि मैं Sass का उपयोग नहीं करता, लेकिन मैं वास्तव में नहीं जानता कि /dist/milligram.min.css में मूल्यों को बदलने के अलावा इसे आसानी से कैसे किया जा सकता है

timrossback 30 जून 2019

👍1

इस ढांचे से प्यार करो! इस सुविधा के जारी होने का इंतजार नहीं कर सकता

cilim 26 अग॰ 2020

अरे @mterron @dkundel @timrossback @dntzbgh @cilim

शायद कुछ ऐसा?
https://github.com/milligram/milligram/pull/262/files#diff -7b0a61514569d183adbda861549f9d98

cjpatoilo 27 अग॰ 2020

👍2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

संबंधित मुद्दों

विभिन्न चौड़ाई के लिए मोबाइल उत्तरदायी

enkota · 6टिप्पणियाँ

क्रोम चेतावनी [बहिष्करण] डेटा यूआरआई बॉडी में अनछुए '#' वर्णों का उपयोग करना बहिष्कृत है और मई 2018 के आसपास M67 में हटा दिया जाएगा। कृपया इसके बजाय '%23' का उपयोग करें। अधिक जानकारी के लिए देखें https://www.chromestatus.com/features/5656049583390720।

mukai11 · 4टिप्पणियाँ

जानकारी

equinusocio · 14टिप्पणियाँ

package.json से इंजन की संपत्ति को हटा दें

westtrade · 10टिप्पणियाँ

ग्रिड तत्व: छोटी स्क्रीन पर पूरी चौड़ाई, बड़ी स्क्रीन पर छोटी चौड़ाई?

mikeriley131 · 8टिप्पणियाँ