SASS (Syntactically Awesome StyleSheets)

Nedir?

Sass CSS'in bir uzantısıdır. CSS dilini güçlü ve zarif şekilde yazmka için tasarlanmıştır. Değişkenleri, iç içe kuralları, fonksiyonları, satır içi importları ve daha fazlasını CSS uyumlu bir sözdizimi ile kullanmanızı sağlar. SASS büyük CSS sayfalarınızı organize eder ve kısa bir sürede hazır hale getirir.

İçindekiler

• Syntax
• SASS Kullanımı
  1. NPM Projesi Oluşturma
  2. Önbellekleme
  3. Ek Seçenekler
  4. Encoding
• CSS
  1. İç İçe Kurallar
  2. Evebeyn Refesansı: &
  3. İç İçe Özellikler
• Yorum Satırları
• SASS Script
  1. Değişkenler: $
  2. Veri Tipleri
     1. Numbers
     2. Strings
     3. Colors
     4. Booleans
     5. Nulls
     6. Lists
     7. Maps
  3. Operatörler
     1. Number
        1. Çarpma ve Bölme
        2. Toplama ve Çıkarma
     2. Color Operatörleri
     3. String Operatörler
     4. Boolean Operatörler
     5. List Operatörleri
  4. Parantezler
  5. Fonksiyonlar
     1. Parametre Kullanma
  6. İnterpolasyon
  7. SassScript'te & Kullanımı
  8. Default Değişkenler
• Kurallar
  1. @import
     1. Kısmı
     2. İç İçe @import
  2. @media
  3. @extend
     1. Nasıl Çalışır
     2. Seçicileri Genişletmek
     3. Multi Genişletme
     4. Zincirleme Genişletme
     5. Seçici Dizileri
        1. Seçici Dizileri Birleştirme
     6. @extend-Only Seçiciler
     7. !optional Seçeneği
     8. Direktif İçinde Genişletme
  4. @at-root
     1. @at-root (without | with)
  5. @debug
  6. @warn
  7. @error
• Karar Yapıları
  1. if ()
  2. @if
  3. @for
  4. @each
     1. Çoklu Atama
  5. @while
• Mixinler
  1. Tanımlama
  2. Dahil Etme
  3. Parametre Kullanımı
     1. Kelime Parametleri
     2. Değişken Parametleri
  4. İçerik @mixin'leri oluşturma
• Fonksiyonlar
• Derleme Şekli
  1. İç İçe
  2. Açık
  3. Normal
  4. Sıkıştırılmış