sass पर टैग किए गए जवाब

Sass (Syntactically Awesome Style Sheets) CSS का एक एक्सटेंशन है जिसमें नेस्टेड रूल्स, वैरिएबल्स, मिक्सिन्स और क्लास एक्सटेंशन जैसे फीचर्स जोड़े जाते हैं। यह डेवलपर्स को संरचित, प्रबंधनीय और पुन: प्रयोज्य सीएसएस लिखने में सक्षम बनाता है। Sass को मानक CSS में संकलित किया गया है।

13
SCSS और Sass में क्या अंतर है?
मैं जो पढ़ रहा हूं, उसमें सेस एक ऐसी भाषा है जो सीएसएस को चर और गणित के समर्थन के साथ अधिक शक्तिशाली बनाती है। SCSS में क्या अंतर है? क्या इसे एक ही भाषा माना जाए? समान? विभिन्न?
1900 css  sass 

7
CSS calc () फंक्शन में Sass Variable
मैं calc()एक सास स्टाइलशीट में फ़ंक्शन का उपयोग करने की कोशिश कर रहा हूं , लेकिन मुझे कुछ समस्याएं हो रही हैं। यहाँ मेरा कोड है: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) यदि मैं 50pxअपने body_paddingचर के बजाय शाब्दिक का उपयोग करता हूं , तो मुझे वही …
1343 css  sass  css-calc 

13
SCSS फ़ाइल में नियमित CSS फ़ाइल आयात करें?
वैसे भी सैस के @importआदेश के साथ एक नियमित सीएसएस फ़ाइल आयात करने के लिए क्या है ? हालांकि, मैं sass से सभी SCSS सिंटैक्स का उपयोग नहीं कर रहा हूं, फिर भी मुझे इसमें कॉम्बिनेशन / कंप्रेशिंग फीचर्स का आनंद मिलता है, और मैं अपनी सभी फाइलों को * …
508 css  sass 

30
रेफरेंस को कैसे ठीक करें: प्राइमरी को नोड में परिभाषित नहीं किया गया है
मैंने npm स्थापित करके नोड मॉड्यूल स्थापित किया है, फिर मैंने कमांड प्रॉम्प्ट में गुल सस्प-वॉच करने की कोशिश की। उसके बाद मुझे नीचे की प्रतिक्रिया मिली। [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not defined गुल सस्प-वॉच से …
363 node.js  sass  gulp  gulp-sass 

12
रेल संपत्ति पाइपलाइन के साथ फोंट का उपयोग करना
मेरी स्कैस फ़ाइल में कुछ फोंट कॉन्फ़िगर किए जा रहे हैं जैसे: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } वास्तविक फ़ॉन्ट फ़ाइल / एप्लिकेशन / संपत्ति / फ़ॉन्ट / में संग्रहीत हैं मैंने config.assets.paths << Rails.root.join("app", "assets", "fonts")अपने application.rb …

3
Sass .scss: घोंसले के शिकार और कई वर्ग?
मैं अपने वर्तमान प्रोजेक्ट के लिए Sass (.scss) का उपयोग कर रहा हूं। निम्नलिखित उदाहरण: एचटीएमएल <div class="container desc"> <div class="hello"> Hello World </div> </div> एससीएसएस .container { background:red; color:white; .hello { padding-left:50px; } } यह बहुत अच्छा काम करता है। क्या मैं नेस्टेड स्टाइल का उपयोग करते हुए कई …
332 sass 

16
कोणीय CLI SASS विकल्प
मैं एंगुलर में नया हूं और मैं एम्बर समुदाय से आ रहा हूं। एम्बर-सीएलआई के आधार पर नए कोणीय-सीएलआई का उपयोग करने की कोशिश कर रहा है। मुझे एक नए कोणीय प्रोजेक्ट में SASS को संभालने का सबसे अच्छा तरीका पता होना चाहिए। मैंने ember-cli-sassयह देखने के लिए रेपो का …

5
एससीएसएस में एक और वर्ग शामिल है
मेरी SCSS फ़ाइल में यह है: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } वर्ग-बी में, मैं सभी संपत्तियों और निहित घोषणाओं को विरासत में देना चाहूंगा class-a। यह कैसे किया जाता है? मैंने प्रयोग करने की कोशिश की …
309 inheritance  sass 

17
नोड 0.12 पर `नोड- sass` को पुन: स्थापित करने का प्रयास करें?
मैं Google वेब स्टार्टर किट का उपयोग करना चाहूंगा। मैंने नोड .js v0.12.0, node-sass& स्थापित किया gulp। और फिर भाग गया: $ sudo npm install जब मैंने टाइप किया gulp serveतब यह त्रुटि हुई: Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error: `libsass` bindings not found. Try …
263 node.js  sass  gulp 

3
sass - स्वचालित स्वचालित के साथ घड़ी?
क्या चलाने का कोई तरीका है: sass --watch a.scss:a.css लेकिन a.cssअंत में खनन किया जा रहा है? जैसा कि मैं अपनी स्टाइलशीट संकलित करता हूं, मैं एक अलग मिनिफिकेशन कदम चलाने से कैसे बचूंगा?
235 css  sass  minify 

5
SASS - कई फ़ाइलों में चर का उपयोग करें
मैं एक केंद्रीय .scss फ़ाइल रखना चाहूंगा जो किसी परियोजना के लिए सभी SASS चर परिभाषाओं को संग्रहीत करता है। // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... अपनी प्रकृति के कारण परियोजना में बड़ी संख्या में सीएसएस फाइलें होंगी। यह महत्वपूर्ण है कि मैं एक …
217 css  sass 

5
सैस - पृष्ठभूमि अस्पष्टता के लिए हेक्स को आरजीबीए में परिवर्तित करना
मेरे पास निम्नलिखित सास मिक्सिन है, जो आरजीबीए उदाहरण का आधा पूर्ण संशोधन है : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } मैंने $opacityठीक-ठाक आवेदन किया है , लेकिन अब मैं $colorभाग के साथ फंस गया हूं । …

13
क्या @import का उपयोग करके पूरी निर्देशिका में आयात करना संभव है?
मैं अपनी स्टाइलशीट को SASS के जैसे भाग के साथ संशोधित कर रहा हूं: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues वहाँ पूरे partials निर्देशिका (यह SASS-partials से भरा एक निर्देशिका है) @import कम्पास या कुछ और को शामिल करने का …
209 import  sass  partials 

13
वैकल्पिक तर्क के साथ एक सैस मिश्रण बनाना
मैं इस तरह एक मिश्रण लिख रहा हूँ: @mixin box-shadow($top, $left, $blur, $color, $inset:"") { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-shadow: $top $left $blur $color $inset; box-shadow: $top $left $blur $color $inset; } जब मुझे कहा जाता है कि मैं वास्तव में चाहता हूं कि यदि कोई $insetमूल्य पारित …
201 sass 

2
कम्पास क्या है, एसएएस क्या है ... वे कैसे भिन्न होते हैं?
मैं विकास को गति देने के लिए कम्पास और सैस का उपयोग शुरू करना चाहूंगा। फिलहाल, मैंने सैस को एक मैक पर स्थापित किया है और इसे इनपुट के लिए एससीएस फाइल, और जेनरेट आउटपुट के लिए सीएसएस फाइल देखने के निर्देश दिए हैं। कई लेखों से, Sass का उपयोग …
166 css  sass  compass-sass 

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.