«sass» etiketlenmiş sorular

Okuduğum kadarıyla Sass, değişken ve matematik desteğiyle CSS'yi daha güçlü yapan bir dildir. SCSS ile farkı nedir? Aynı dil mi olmalı? Benzer? Farklı?

1900 css  sass 

Bu calc()işlevi Sass stil sayfasında kullanmaya çalışıyorum , ancak bazı sorunlar yaşıyorum. İşte benim kod: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Değişkenim 50pxyerine değişmez değeri kullanırsam body_paddingtam olarak istediğimi alırım. Ancak, değişkeni değiştirdiğimde, bu çıktı: body { padding-top: 50px; height: calc(100% - $body_padding); } Sass'ın calcişlev içindeki …

1345 css  sass  css-calc 

Sass'ın @importkomutuyla normal bir CSS dosyasını içe aktarmak için yine de var mı ? Sass'ın tüm SCSS sözdizimini kullanmama rağmen, yine de özellikleri birleştiren / sıkıştıran zevk alıyorum ve tüm dosyalarımı * .scss olarak yeniden adlandırmadan kullanabilmek istiyorum

509 css  sass 

Düğüm modüllerini npm kurulumuyla kurdum, sonra komut isteminde gulp sass-watch yapmaya çalıştım. Bundan sonra aşağıdaki yanıtı aldım. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError: primordials is not defined Yutmak sass-watch önce bunu denedim npm -g install gulp-cli

370 node.js  sass  gulp  gulp-sass 

Scss dosyamda şu şekilde yapılandırılan bazı yazı tipleri var: @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'); } Gerçek yazı tipi dosyası / app / asset / fonts / config.assets.paths << Rails.root.join("app", "assets", "fonts")Application.rb dosyama ekledim ve derleme CSS kaynağı aşağıdaki …

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

Mevcut projem için Sass (.scss) kullanıyorum. Aşağıdaki örnek: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Harika çalışıyor. İç içe stilleri kullanırken birden fazla sınıfı işleyebilir miyim. Yukarıdaki örnekte bunun hakkında konuşuyorum: CSS .container.desc { background:blue; } Bu …

332 sass 

Angular'da yeniyim ve Ember topluluğundan geliyorum. Ember-CLI tabanlı yeni Angular-CLI kullanmaya çalışılıyor. Yeni bir Açısal projede SASS ile başa çıkmanın en iyi yolunu bilmem gerekiyor. ember-cli-sassAngular-CLI'nin bir dizi temel bileşeni Ember-CLI modüllerinin tükendiği için repo'yu kullanmayı denedim . Bu işe yaramadı ama ben sadece bir şey yanlış yapılandırılmış emin değilim. …

329 angular  sass  angular-cli 

SCSS dosyamda bu var: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } Sınıf b'de, tüm özelliklerini ve iç içe bildirimlerini miras almak istiyorum class-a. Bu nasıl yapılır? Kullanmayı denedim @include class-a, ancak derlerken bir hata atıyor.

309 inheritance  sass 

Google web başlangıç ​​kitini kullanmak istiyorum. Node.js v0.12.0'ı yükledim node-sass& gulp. Sonra koştu: $ sudo npm install Ben yazdıktan gulp servesonra bu hatayı aldım: Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error: `libsass` bindings not found. Try reinstalling `node-sass`? at getBinding Düğümü ve yutmayı yeniden kurdum ama …

263 node.js  sass  gulp 

Koşmanın bir yolu var mı: sass --watch a.scss:a.css ama a.csssonunda küçültülmüş mü? Stil sayfamı derlerken ayrı bir küçültme adımı çalıştırmak zorunda kalmamayı nasıl sağlayabilirim?

235 css  sass  minify 

Bir proje için tüm SASS değişken tanımlarını depolayan bir merkezi .scss dosyasını tutmak istiyorum. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... Projenin doğası gereği çok sayıda CSS dosyası olacaktır. Proje genelindeki tüm stil değişkenlerini tek bir yerde beyan etmem önemlidir. Bunu SCSS'de yapmanın bir yolu …

217 css  sass 

Bir RGBa örneğinin yarı tam modifikasyonu olan aşağıdaki Sass mixin var : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } $opacityTamam uyguladım , ama şimdi $colorparçası ile sıkışıp kaldım . Karışıma göndereceğim renkler RGB değil HEX olacaktır. Örnek kullanımım …

213 css  sass  background-color  mixins  rgba 

Benim gibi SASS kısmi ile benim stilleri modülerleştiriyorum: @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 @import pusulası veya başka bir şey gibi tüm kısmi dizini (SASS-kısmi dolu bir dizin) eklemenin bir yolu var mı?

209 import  sass  partials 

Ben böyle bir mixin yazıyorum: @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; } Gerçekten istediğim olarak adlandırıldığında, hiçbir $insetdeğer geçirilmezse, bunun gibi bir şeye derleme yerine hiçbir şey çıktı değildir: -webkit-box-shadow: 2px …

203 sass 

Gelişimi hızlandırmak için pusula ve sass kullanmaya başlamak istiyorum. Şu anda, Sass'ı bir mac'e kurdum ve giriş için scss dosyasını ve oluşturulan çıktı için bir css dosyasını izlemesini söyledim. Birçok makalede, Sass Pusula ile birlikte kullanıldı, neden böyle olduğunu merak ediyorum ve Pusula Sass'ın gelmeden ne eklediğini merak ediyorum? Bir …

166 css  sass  compass-sass