Hva er sass?

Sass, en utvidelse av CSS, er et forkortelse for syntaktisk fantastiske stilark. SASS er i utgangspunktet en pre-prosessor av CSS som fungerer godt med alle versjonene av CSS og forbedrer muligheten til det grunnleggende språket. Det er kjent for å spare mye tid og krefter ved å forhindre at brukerne bruker overflødige CSS-verdier. Denne artikkelen understreker viktigheten av Sass, for å forstå mer kunnskap om den, les hele artikkelen.

Bakgrunn av sass

Syntaktisk Awesome Stylesheet (SASS) ble opprinnelig opprettet av Hampton Catlin og utvidet av Natalie Weizenbaum i 2006. Senere utvidet Natalie Weizenbaum sammen med Chris Eppstein den opprinnelige versjonen til SassScript, som er et skriptspråk som ble brukt i Sass -filer.

Kjennetegn på Sass

Noen kjennetegn på SASS er listet opp nedenfor.

1. Sass er en JS-basert CSS-utvidelse.
2. Sass fungerer i harmoni med alle versjoner av CSS.
3. Det har mer potensialitet og stabilitet i forhold til CSS.
4. Syntaksen til Sass samler seg til lesbar CSS.
5. Det er en forbehandler om åpen kildekode som er oversatt til CSS.
6. Det støtter bruken av variabler, hekking, mixins osv.
7. Den gir kontrolldirektiver for biblioteker og mange nyttige funksjoner for forskjellige verdier.
8. Sass -filer har en .SCSS -forlengelse.
9. Å kommentere i Sass ligner på CSS. Du kan kommentere i SASS -kode ved hjelp av enten / * * /, eller //.
10. Utgangen fra SASS er fullt strukturert og kan skreddersys.

Forutsetninger av Sass

For å forstå Sass på en bedre måte, må du ha god forståelse av følgende.

1. Html
2. CSS

Hva er viktigheten av sass

Betydningen av Sass kan fremheves av det faktum at stilsark i Sice. Det tillater bruk av variabler, hekkende, mixins, arv, import, funksjoner osv.

Hvordan fungerer Sass

Sass bruker en pre-prosessor for å konvertere koden til lesbar CSS-kode fordi SASS-koden ikke er forståelig av nettleseren. Denne prosedyren for å konvertere en SASS-kode til CSS blir referert til som transpilering, og pre-prosessoren som utfører denne funksjonen kalles en transpiler.

Eksempel på sass

Følg eksemplet som presenteres nedenfor for å forstå arbeidet med sass.

Scenario
Anta at nettstedet du utvikler bruker bare to typer fontfamilier for teksten som vises på websidene. Nå i stedet for å skrive fontfamilienavn om og om igjen, kan du lage SASS -variabler og tilordne dem verdier. Etterpå kan du bruke navnene på disse variablene hvor som helst i kildekodefilen din. Slik gjør du det.

$ Family_1: Times New Roman;
$ Family_2: Verdana;
.H1
Font-Family: $ Family_2;

.P
Font-Family: $ Family_1;

.bunntekst
Font-Family: $ Family_1;

I koden ovenfor har vi først erklært to SASS -variabler og tildelt dem de ønskede verdiene. Nå bruker vi disse variablene i stilarket vårt for å style våre forskjellige elementer. Du kan generere SASS -variabler på lignende måte for andre verdier som farge, størrelse osv.

Konklusjon

Syntaktisk fantastiske stilark (SASS) er en forlengelse av CSS. Det er i utgangspunktet en pre-prosessor av CSS som fungerer godt med alle versjonene og forbedrer muligheten til det grunnleggende språket. Det sparer mye tid og krefter ved å forhindre at brukerne bruker overflødige CSS -verdier. Dessuten lar det deg strukturere stilarkene dine raskere. Denne artikkelen diskuterer Sass i detalj, og fremhever betydningen av den sammen med dens kjennetegn og mye mer.