[maciorqa]

Mam rozumieć, że preprocesor SASS jest w pełni kompatybilny z zwykłym CSS, tj. w pliku z rozszerzeniem .scss mogę sobie spokojnie pisać stylem zwykłego CSS, bez klamerek i zagnieżdżania selektorów, a i tak wszystko będzie działać?

#css #frontend #webdev #naukaprogramowania

[patrolez]

@maciorqa: A nie SCSS? Tak.

[Cebulaczon10]

@maciorqa: tak

[maciorqa]

@patrolez: I z tym też mam problem, bo ogarniam jakiś kurs i tam gościu na pliki z rozszerzeniem .scss i tak mówi Sass xD

Potem gdzieś doczytałem, że .scss wchodzi w preprocesor SASS, tylko różnica polega na sposobie zapisu:

jak mamy rozszerzenie .sass, to zamiast klamerek używamy wcięć, a jak jest rozszerzenie .scss, to używamy klamer.

https://qa-stack.pl/programming/5654447/whats-the-difference-between-scss-and-sass

[enslavedeagle]

I z tym też mam problem, bo ogarniam jakiś kurs i tam gościu na pliki z rozszerzeniem .scss i tak mówi Sass xD

@maciorqa: Bo Sass to po prostu nazwa technologii stojącej za tym "dopakowanym" CSSem. I ma po prostu dwie możliwe składnie: SCSS i sass ("sassy css").

Potem gdzieś doczytałem, że .scss wchodzi w preprocesor SASS, tylko różnica polega na sposobie zapisu:

jak mamy rozszerzenie .sass, to zamiast klamerek używamy

[maciorqa]

@enslavedeagle: A mam jedno pytanie: w SASS najpierw było tylko rozszerzenie .sass i dopiero potem dodali .scss czy obydwa rozszerzenie były od początku?

I jeszcze jedno pytanie: skoro już zacząłem się uczyć SASS, to wszystkie style CSS dla moich stronek powinienem już zacząć robić za pomocą scssa?

[enslavedeagle]

@maciorqa: pierwszą implementację Sass stworzyli programiści Ruby i była zaopatrzona wyłącznie w tę bezklamrową składnię. Składnia SCSS została dodana później.

[maciej__]

@maciorqa: To jest dość proste a potrafi bardzo uprzyjemnić prace, żadnych wad nie ma jak już się nauczysz, to czemu nie korzystać?

[zackson]

@maciorqa sass spoko ale z racji składni łatwo wpaść w spaghetti. SCSS wygląda spoko bo co jakiś czas klamerka z potem w CSS masz div.benek div.klasa1.klasa2.klasa3 > div > div div.container > span.dupa:nth-child(3)