2010-11-05 13 views
42

Wiem, że to głupie pytanie, ale szukałem Google i nie mogę znaleźć odpowiedzi:/Więc jaka jest różnica między SASS i Compass, SASS i SCSS? Robię się naprawdę zdezorientowany.Różnica między kompasem a sass?

Dzięki za wszelkie informacje :)

Odpowiedz

74

na ryzyko uproszczeń, Kompas to ramy podczas Sass jest abstrakcją język. Piszesz kod Sass (i kompilujesz go do standardowego CSS) w kontekście Compass. SCSS to po prostu najnowsza składnia języka Sass. Został stworzony wyłącznie w celu bycia bardziej podobnym do CSS w jego składni, o ile wiem. Wszystkie syntaktyczne cukierki Sassa, ale bardziej znane programistom z przodu, wygodne w CSS.

+0

och, rozumiem, dzięki! Chciałbym zagłosować, gdybym mógł:/ –

+22

Jeśli odpowiedź jest wystarczająca, wystarczy zaznaczyć to jako odpowiedź. –

13

Mam dostarczył odpowiedzi TLDR:

Kompas jest zasadniczo biblioteka SASS. Używa surowego języka sass i tworzy wspólne funkcje wielokrotnego użytku.

Z website:

Kompas wykorzystuje Sass.

Sass jest rozszerzeniem CSS3, który dodaje zagnieżdżone reguły, zmienne, mixins, dziedziczenie selektorów i inne. Sass generuje dobrze sformatowany kod CSS i ułatwia organizowanie i utrzymywanie arkuszy stylów.

14

Ogólnie: „Sass” to nazwa dla preprocesora css - oznacza: pomocnym narzędziem dla programistów do pisania krótkich form zastępczych, które są automatycznie skompilowany do normalnego kodu CSS. Sass ma dwa różne sposoby pisania kodu skrótu: SCSS i SASS. Różnica między SCSS i SASS jest bardzo prosta: SCSS jest normalnym CSS z dodatkowymi funkcjami. Każdy plik CSS może mieć zmienioną nazwę .scss i będzie sprawdzany. SASS używa krótszej formy zapisu, pomijając wszystkie nawiasy klamrowe. Aby przekonwertować plik .css do poprawnego pliku .sass, musisz zmienić kod css.

Kompas to tak zwana struktura css, która jest kontrolowana za pomocą narzędzi wiersza poleceń. Compass wspiera rozwój, dając wstępnie zdefiniowane funkcje, mixy itd., Aby przyspieszyć kodowanie i zapobiegać błędom w pisaniu. na przykład kompas pozwala wywołać pole cienia ze wszystkimi polyfillami, pisząc "@include box-shadow();". cały kod css jest dodawany przez kompas podczas kompilowania pliku przy użyciu "kompasu kompilacji". Kompas jest jednym z najczęściej używanych narzędzi do pracy w większych projektach frontendowych.

+0

To powinno być zaakceptowaną odpowiedzią. –

5

Kompas jest ramą zbudowaną z Sass. Innymi popularnymi frameworkami Sass są Bourbon i Susy. Oznacza to, że wszystkie te ramy są napisane w Sassie. Mają po prostu predefiniowane funkcje i mixy, które można wykorzystać do przyspieszenia przepływu pracy.

SCSS (Sassy Sass) to tylko nowsza składnia Sass. Używa składni CSS. Na przykład:

h2 { 
    color: red; 
} 

Z drugiej strony, Sass używa mniej „ścisłe” składnię:

h2 
    color: red 

odnotować, że nie ma szelki i żadnych średniki są używane. Musisz również użyć wcięcia.

Podsumowując, jakie ramy lub jakiej składni Sass używasz, to twój wybór!

+0

Jak to może dodać coś ponad istniejące odpowiedzi? – cimmanon

+0

Wiem, że to nic nowego, to tylko moje własne wyjaśnienie. – gmuser

+0

Nie podbijaj starych pytań, jeśli zostały już wystarczająco/poprawnie odebrane. – cimmanon