Sass

Vikipediya, azad ensiklopediya
Jump to navigation Jump to search
Sass
Sass Logo Color.svg
Paradiqmalar proqramlaşdırma dili
Yaradılma tarixi 28 noyabr 2006
Sonuncu versiyası
Təsirlənib CSS
Əməliyyat sistemi kross-platforma
sass-lang.com

Sass (Syntactically Awesome Stylesheets) — CSS kod abstraksiyasının səviyyəsini artırmaq və stilin kaskad cədvəlləri sənədlərini asanlaşdırmaq üçün hazırlanmış bir CSS əsaslı metadil.

Sass-ın iki sintaksisi var:

  • sass — burada əyri mötərizələrdən istifadə edilmir və abzas, boşluqlar vasitəsilə yuvalaşma aparılır.
  • SCSS (Sassy CSS) — CSS-dəki əyri mötərizələrdən istifadə prinsipini saxlayır və yuvalaşma aparılır.

Yuvalaşdırma qaydası[redaktə | əsas redaktə]

Sass-ın əsas xüsusiyyətlərindən biri iç-içə olan selektorları yaratmağı və redaktə etməyi asanlaşdıran yuvalaşdırma qaydasıdır.

#header
  background: #FFFFFF

  .error
    color: #FF0000
  
  a
    text-decoration: none
    &:hover
      text-decoration: underline

Aşağıdakı sintaksislə CSS-ə çevrilir:

#header {
   background: #FFFFFF; 
}
#header .error {
   color: #FF0000; 
}
#header a {
   text-decoration: none; 
}
#header a:hover {
   text-decoration: underline; 
}

CSS dəyişənləri[redaktə | əsas redaktə]

Sass-ın daxilinə dəyişən və bir sıra parametri eyni dəyişənə çevirə bilən miksinləri daxil etmək mümkündür. Bu, böyük fayllarla işləyən zaman məlumatın davamlılığını və çevikliyini təmin edir.

$linkColor: #00F

a
  color: $linkColor

Aşağıdakı sintaksislə CSS-ə çevrilir:

a {
   color: #00F; 
}

Miksinlərdən istifadə nümunəsi:

@mixin border-radius($radius,$border,$color) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
          border-radius: $radius;
    border:$border solid $color
}
.box { @include border-radius(10px,1px,red); }

Aşağıdakı sintaksislə CSS-ə çevrilir:

.box {
   -webkit-border-radius: 10px; 
      -moz-border-radius: 10px; 
       -ms-border-radius: 10px; 
           border-radius: 10px; 
   border: 1px solid red; 
}

İstinadlar[redaktə | əsas redaktə]

Ədəbiyyat[redaktə | əsas redaktə]

  • Alex Libby (2013). Instant SASS CSS How-to. Packt. ISBN 9781782163794. (#parameter_ignored)
  • Ben Frain (2013). Sass and Compass for Designers. Packt. ISBN 9781849694551. (#parameter_ignored)
  • Hampton Catlin, Michael Lintorn Catlin (2011). Pragmatic Guide to Sass. Pragmatic Bookshelf. ISBN 9781934356845. (#parameter_ignored)
  • Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, Adam Stacoviak (2013). Sass and Compass in Action. Manning Publications. ISBN 9781617290145. (#parameter_ignored)
  • Antony Kennedy, Inayaili de Leon (2011). "Ch. 9. Dynamic CSS → SASS". Pro CSS for High Traffic Websites. Expert's voice in web design. Apress. 279–293. ISBN 9781430232896. (#parameter_ignored)
  • Jennifer Niederst Robbins (2012). "Ch. 18. CSS Techniques → Sass and LESS". Learning Web Design. Fourth Edition. O'Reilly. 433. ISBN 978-1-449-31927-4. (#parameter_ignored)
  • Alex Starostin (28 May 2013). "Improve CSS development with Sass". IBM developerWorks. İstifadə tarixi: 2013-12-14.
  • Ragnar Kurm. "Compile Your Style: Structuring and automating CSS". Web & PHP Magazine. İstifadə tarixi: 2013-12-14.
  • Jeremy Hixon (2011-09-09). "An Introduction To LESS, And Comparison To Sass". Smashing Magazine. 2012-05-16 tarixində orijinalından arxivləşdirilib. İstifadə tarixi: 2012-03-31.

Xarici keçidlər[redaktə | əsas redaktə]