প্রশ্ন ট্যাগ «sass»

আমি যা পড়ছি তা থেকে, সাস হ'ল এমন একটি ভাষা যা সিএসএসকে ভেরিয়েবল এবং গণিত সমর্থন দিয়ে আরও শক্তিশালী করে তোলে। এসসিএসএসের সাথে পার্থক্য কী? এটি কি একই ভাষা হওয়ার কথা? অনুরূপ? ভিন্ন?

1898 css  sass 

আমি calc()একটি সাস স্টাইলশিটে ফাংশনটি ব্যবহার করার চেষ্টা করছি , তবে আমার কিছু সমস্যা হচ্ছে। আমার কোডটি এখানে: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) আমি যদি 50pxআমার body_paddingভেরিয়েবলের পরিবর্তে আক্ষরিক ব্যবহার করি তবে আমি যা চাই ঠিক তা পাই। যাইহোক, আমি যখন চলকটিতে স্যুইচ করি, এটি আউটপুট: …

1343 css  sass  css-calc 

সাসের @importকমান্ড সহ কোনও নিয়মিত সিএসএস ফাইল আমদানি করা যায় কি ? যদিও আমি এসএসএসএস থেকে সমস্ত এসএসএসএস সিনট্যাক্স ব্যবহার করছি না, তবুও আমি এটি বৈশিষ্ট্যগুলির সংমিশ্রণ / সংক্ষেপণ উপভোগ করছি এবং আমার সমস্ত ফাইল * .scss এর নাম পরিবর্তন না করে এটি ব্যবহার করতে সক্ষম হতে চাই would

508 css  sass 

আমি এনপিএম ইনস্টলের মাধ্যমে নোড মডিউল ইনস্টল করেছি, তারপরে আমি কমান্ড প্রম্পটে গুলপ স্যাস-ওয়াচ করার চেষ্টা করেছি। এর পরে আমি নীচের প্রতিক্রিয়া পেয়েছি। [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 

আমার স্ক্যাস ফাইলটিতে এমন কিছু ফন্ট কনফিগার করা হচ্ছে: @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 ফাইলটিতে যুক্ত …

345 ruby-on-rails  sass  asset-pipeline  font-face  assets 

আমি আমার বর্তমান প্রকল্পের জন্য স্যাস (.scss) ব্যবহার করছি। নিম্নলিখিত উদাহরণ: এইচটিএমএল <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } এটি দুর্দান্ত কাজ করে। নেস্টেড স্টাইলগুলি ব্যবহার করার সময় আমি কি একাধিক ক্লাস পরিচালনা করতে পারি? উপরের নমুনায় আমি …

332 sass 

আমি অ্যাঙ্গুলারে নতুন এবং আমি আম্বর সম্প্রদায় থেকে আসছি। অ্যাম্বার-সিএমএল ভিত্তিক নতুন কৌণিক-সিএলআই ব্যবহারের চেষ্টা করছেন। একটি নতুন কৌণিক প্রকল্পে SASS পরিচালনা করার সেরা উপায়টি আমার জানা উচিত। আমি রেপোটি ব্যবহার করে ember-cli-sassদেখতে চেষ্টা করেছি যে এটিটি খেলতে পারে কিনা যেহেতু অ্যাংুলার-সি এল এলির বেশ কয়েকটি মূল উপাদান এমবার-সি এল …

329 angular  sass  angular-cli 

আমার এসসিএসএস ফাইলটিতে এটি রয়েছে: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } ক্লাস-বিতে, আমি সমস্ত সম্পত্তি এবং নেস্টেড ঘোষণাগুলি উত্তরাধিকারসূত্রে পেতে চাই class-a। এটি কিভাবে হয়? আমি ব্যবহার করার চেষ্টা করেছি @include class-a, তবে এটি সংকলনের সময় কেবল …

309 inheritance  sass 

আমি গুগল ওয়েব স্টার্টার কিটটি ব্যবহার করতে চাই। আমি নোড.জেএস 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 reinstalling `node-sass`? at …

263 node.js  sass  gulp 

চালানোর কোনও উপায় আছে: sass --watch a.scss:a.css কিন্তু a.cssশেষ হয়েছে? আমি আমার স্টাইলশিটটি সংকলন করার সাথে আমি কীভাবে একটি পৃথক মিনিফিকেশন পদক্ষেপ চালানো এড়াব?

235 css  sass  minify 

আমি একটি কেন্দ্রীয় .scss ফাইল রাখতে চাই যা একটি প্রকল্পের জন্য সমস্ত SASS ভেরিয়েবল সংজ্ঞা সঞ্চয় করে। // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... প্রকল্পটির প্রকৃতির কারণে এই প্রকল্পে প্রচুর সংখ্যক সিএসএস ফাইল থাকবে। এটি গুরুত্বপূর্ণ যে আমি সমস্ত স্থানে প্রকল্প-প্রকারের স্টাইলের ভেরিয়েবলগুলি ঘোষণা করি। …

217 css  sass 

আমার কাছে নিম্নলিখিত সাস মিক্সিন রয়েছে, এটি একটি আরজিবি উদাহরণের অর্ধ সম্পূর্ণ সম্পূর্ণ পরিবর্তন : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } আমি $opacityঠিক প্রয়োগ করেছি , তবে এখন আমি সেই $colorঅংশটির সাথে আটকে আছি । আমি মিশ্রণগুলিতে …

213 css  sass  background-color  mixins  rgba 

আমি এসএএসএস পার্টিয়ালগুলির সাথে আমার স্টাইলশিটগুলিকে মডুলারাইজ করছি: @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 পুরো পার্টিয়াল ডিরেক্টরিকে অন্তর্ভুক্ত করার কোনও উপায় আছে (এটি SASS-partials পূর্ণ ডিরেক্টরি) যেমন @ ইম্পোর্ট কম্পাস বা অন্য কিছু?

209 import  sass  partials 

আমি এইভাবে একটি মিশ্রণ লিখছি: @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 

উন্নয়নের গতি বাড়ানোর জন্য আমি কম্পাস এবং স্যাস ব্যবহার শুরু করতে চাই। এই মুহুর্তে, আমি ম্যাসে সাস ইনস্টল করেছি এবং এটি ইনপুটের জন্য এসএসএস ফাইল এবং উত্পন্ন আউটপুট জন্য একটি সিএসএস ফাইল দেখার জন্য নির্দেশ দিয়েছি। অনেক নিবন্ধ থেকে, সাসকে কম্পাসের সাথে ব্যবহার করা হয়, আমি ভাবছি যে কেন এটি …

166 css  sass  compass-sass