«sass» etiketlenmiş sorular

Aşağıdaki gibi aynı miktarda pozitif ve negatif kullandığım birkaç scss seçicim var: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Tüm 15px miktarları için bir değişken kullanmayı tercih ederim, ancak bu işe yaramıyor: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; Marj tutarları pozitif sayılara dönüşür. …

107 css  sass  compass-sass 

Merhaba SASS / SCSS öğrenmeye çalışıyorum ve kendi mixin'imi clearfix için yeniden düzenlemeye çalışıyorum Karışımın, bir genişlikte karışımı geçip geçmediğime bağlı olmasını istiyorum. Şimdiye kadarki düşünceler (sözde kod yalnızca diğer karışımları da dahil edeceğim gibi) @mixin clearfix($width) { @if !$width { // if width is not passed, or empty do …

106 conditional  mixins  sass  if-statement 

Uygulama genelinde şirketimin marka renklerini kullanmak istiyorum. Bu sorunu buldum: AngularJS 2 - Materyal tasarımı - iddia edildiği gibi özel bir tema oluşturabileceğim renk paleti ayarlayın , ancak temelde sadece önceden oluşturulmuş paletlerin farklı bölümlerini kullanıyor. Material2'nin önceden tanımlanmış renklerini kullanmak istemiyorum. Eşsiz ve özel marka renklerimi istiyorum. Kendi temamı …

105 angular  sass  material-design  angular-material2 

Ruby olmadan Sass veya Compass veya benzeri bir şey kullanmanın bir yolu var mı? Google'a ve bu siteye bakıyordum ve hiçbir şey bulamıyorum, herhangi bir yardım memnuniyetle karşılanacaktır. teşekkür ederim

102 css  sass  compass-sass 

Soru hemen hemen her şeyi söylüyor. Örneğin, Twitter Bootstrap kullanıyor olsaydım, Bootstrap'in CSS sınıflarından miras alan kendi SASS stil sayfamda sınıfları tanımlayabilir miydim? Veya SASS'deki kalıtım yalnızca tek bir dosya kapsamında mı çalışır?

102 css  inheritance  stylesheet  sass 

Şu anda olduğu gibi, bu soru Soru-Cevap formatımız için uygun değil. Cevapların gerçekler, referanslar veya uzmanlıkla desteklenmesini bekliyoruz, ancak bu soru büyük olasılıkla münazara, argümanlar, anketler veya uzun tartışmalar gerektirecektir. Bu sorunun iyileştirilebileceğini ve muhtemelen yeniden açılabileceğini düşünüyorsanız, rehberlik için yardım merkezini ziyaret edin . 7 yıl önce kapalı . …

101 asp.net  css  sass 

Sass'ta yuva yapmakta sorun yaşıyorum. Aşağıdaki HTML'ye sahip olduğumu varsayalım: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Stillerimi aşağıdakilere yerleştirmeye çalıştığımda bir derleme hatası alıyorum: .item { color: black; a& { color:blue; } } Aynı elemanın parçası olduğunda, üst seçiciden önce bir tür seçiciye nasıl başvurabilirim?

101 sass  css-selectors 

.Scss dosyalarını .css dosyalarına dönüştürmeye çalışan (gulp-ruby-sass kullanarak) ve sonra ortaya çıkan .css dosyasını orijinal dosyanın bulunduğu yere yerleştirmeye çalışan bir yutkunma görevim var. Sorun şu ki, globbing modeli kullandığım için orijinal dosyanın nerede saklandığını bilmiyorum. Aşağıdaki kodda, akışa dokunmak ve akışın okunduğu mevcut dosyanın dosya yolunu bulmak için gulp-tap …

100 javascript  node.js  sass  gulp 

Son zamanlarda scss dosyalarımı derlediğimde bir hata alıyorum. Hata mesajı şunu söylüyor: Browserslist: caniuse-lite güncel değil. Lütfen sonraki komutu çalıştırınnpm update caniuse-lite browserslist İlk olarak, mesajın dediği gibi koştum npm update caniuse-lite browserslistama sorunu çözmedi. Tüm nod-modülleri dizinini sildim ve tekrar yükledim, ayrıca tüm klasörü güncelledim npm updateancak hiçbiri sorunu …

97 npm  sass  autoprefixer  web-compiler 

SASS, bir @extendseçicinin başka bir seçicinin özelliklerini, ancak özellikleri kopyalamadan (mixins gibi) devralmasına izin veren bir özelliğe sahiptir . LESS de bu özelliğe sahip mi?

96 css  sass  less  extend 

Sass'ta, @includebir mixin ile kullanmakla @extendbir yer tutucu sınıfla kullanmak arasındaki farkı tam olarak anlayamıyorum . Aynı şey değil mi?

94 sass 

Başka bir değişkene başvurmak için değişkenimde dize enterpolasyonu kullanmaya çalışıyorum: // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include do-this('baz'); Ancak bunu yaptığımda şu hatayı alıyorum: Tanımsız …

94 variables  sass 

SASS'de başka bir dizinden bir dosya içe aktarmak mümkün mü? Örneğin, böyle bir yapıya sahip olsaydım: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss, _common.scss dosyasını kullanarak içe aktarabilir, @import "common"ancak more_styles.scss'in _common.scss'i içe aktarması mümkün müdür? Birkaç farklı şeyler de dahil olmak üzere çalıştı …

93 import  sass 

Ruby tabanlı transpiler kadar basit olmadığı için libsass kurmakla uğraşıyordum. Birisi nasıl yapılacağını açıklayabilir mi: libsass yüklensin mi? komut satırından kullanmak? yudum ve homurtu gibi görev koşucuları ile kullanmak? Paket yöneticileriyle çok az deneyimim var ve hatta görev yöneticileriyle daha az deneyimim var.

91 css  sass  gulp-sass  node-sass  libsass 

Bir öğe sınıfım ve kompakt bir "değiştirici" sınıfım var: .item { ... } .item.compact { /* styles to make .item smaller */ } Bu iyi. Bununla birlikte, ekran yeterince küçük olduğunda sınıfı kompakt olmaya @mediazorlayan bir sorgu eklemek istiyorum .item. İlk düşündüğümde, yapmaya çalıştığım şey buydu: .item { ... } …

88 css  sass  media-queries