2012-04-01 13 views
6

SASS'i kullanmaya başladım. Çok etkilendim, ancak yapmak istediğim bir şey var ama mümkün olup olmadığına dair cevabı bulamıyorum.SASS kod ayrıştırma bloğunu önleyin, ancak yine de son css dosyasına aktarın

SASS'in ayrıştırılmasını/derlemesini istemediğim bir CSS bloğum var, ancak yine de bu derlemenin son derlenen CSS dosyasına çıkmasını istiyorum. Mümkün mü?

Teşekkürler.

Benim ilk SO sorusu, normalde cevap verir. Umarım bir yerlerde onu özlemedim, bulmayı düşünebildiğim her arama terimini denedim.

+0

Örnek?CSS'yi neden korumak istediğinizden emin değilsiniz, bunun yerine sadece SASS sözdizimini – Jonathan

+0

'a dönüştürdüğümden emin değilim. SASS'e ilk başta CSS'imle (geçerli/iyi olduğunu biliyordum) sorun yaşadığım bir SASS hatası alıyorum. bir ayrıntılar almayan ancak yine de sonuçta ortaya çıkan CSS dosyasına çıkarılan bir scss dosyasına kod yazmanın bir yolu olduğunu umuyordu. Sorunum, JEDYll iş akışım içinde SASS'in @import özelliğini yanlış kullanmıştı. Jekyll'de, Jekyll tarafından işlenmesini istediğiniz herhangi bir dosyanın başlangıcında YAML "Front-matter" 'a ihtiyacınız var, ancak JARyll tarafından işlenmedikleri için SASS Kısmi olarak gerekli değildir. Bu yüzden SASS'ın YAML ön-maddesinde hata olduğunu bilmiyordum. –

+0

Şu anda bu soruya bir cevaba ihtiyacım yok ama başka biri gibi açık bırakacağım? –

cevap

0

Bloğunu, scss dosyanızda/* ..... */altına alın. Umarım yardımcı olur.

+1

Yorumlamaya baktım. İstediğim şeyi yapmaz. Bu gerçekten son css dosyasına çıktı ama yine de istediğim şey değil. Esasen benim sorunum, CSS'nin son dosyaya çıkmasını istiyorum ancak SASS tarafından ayrıştırılmamasını istiyorum. –

1

Ayrı bir .css dosyasına koyun ve SASS dosyanıza aktarın. .css ile biten dosya ayrıştırılmamış, ancak yine de son çıktıya dahil edilmiştir.

0

Bu soru kadar güncel şeyleri tutmanın ruhu içinde, biraz eski ama:

SUKDÖ'nün güncel sürümü (3.4.22) sadece gerekeni değişen çok iyi bir iş yapar

için. Yazdıklarınız geçerli CSS ise, olduğu gibi çıkarılmalıdır.

SASS'in stillerinizi değiştirdiğini görmeniz gereken tek zamanlar, değiştirilmek istenen gibi görünen bir şey yapmış olmanızdır.

  • Yuvalama stilleri
  • Dizeleri bitiştirme kullanma
    • content: 'foo' + 'bar';
  • interpolasyon
    • left: calc(50% - #{$variable})
    : kendi belgelerine dayanarak, buna benzer şeyler olurdu @extend kullanılması ya da benim durumumda, diğer çoğu durumlarda bir @include

iç içe

  • kullanma değişkenler
    • width: $variable
  • , SUKDÖ mutlu Yazdığınız her ne tükürür olacaktır.

    $family: unquote("Droid+Sans"); 
    @import url("http://fonts.googleapis.com/css?family=#{$family}"); 
    

    derler: Bu tırnak içine kusurlu parça sarın ve unquote işlevini kullanarak bunları kaldırabilirsiniz gerekmez zaman SUKDÖ'nün ayrıştırma ısrar çıkış şey

    gerekiyorsa

    @import url("http://fonts.googleapis.com/css?family=Droid+Sans"); 
    
  • İlgili konular