Sass - Haqqinda Melumat

Sass
Sass
Yaradılma tarixi	28 noyabr 2006
Sonuncu versiyası	3.4.8;
Təsirlənib	CSS
Əməliyyat sistemi	kross-platforma

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ı

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

Sass-ın daxilinə dəyişən və bir sıra parametri eyni dəyişənə çevirə bilən "miksin"-ləri (ing. mixin) daxil etmək mümkündür. Bu, böyük fayllarla işləyən zaman kodun davamlılığını, çevikliyini və daha rahat anlaşılmasını 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

.

Ədəbiyyat

Alex Libby. . Packt. 2013. ISBN 9781782163794.
Ben Frain. . Packt. 2013. ISBN 9781849694551.
Hampton Catlin, Michael Lintorn Catlin. . Pragmatic Bookshelf. 2011. ISBN 9781934356845.
Wynn Netherland, Nathan Weizenbaum, Chris Eppstein, Adam Stacoviak. Sass and Compass in Action. Manning Publications. 2013. ISBN 9781617290145.
Antony Kennedy, Inayaili de Leon. Ch. 9. Dynamic CSS → SASS // . Expert's voice in web design. Apress. 2011. 279–293. ISBN 9781430232896.
Jennifer Niederst Robbins. Ch. 18. CSS Techniques → Sass and LESS // . O'Reilly. 2012. . ISBN 978-1-449-31927-4.
Alex Starostin. . IBM developerWorks. 28 May 2013. İstifadə tarixi: 2013-12-14.
Ragnar Kurm. . Web & PHP Magazine. İstifadə tarixi: 2013-12-14.
Jeremy Hixon. . Smashing Magazine. 2011-09-09. 2012-05-16 tarixində arxivləşdirilib. İstifadə tarixi: 2012-03-31.

Xarici keçidlər

[_ec197ed9e271f25b-1] .