SCSS i Sass Kompilator

Skompiluj wklejone fragmenty SCSS/Sass lub lokalne pliki .scss/.sass bezpośrednio w przeglądarce. Twój arkusz stylów nie jest przesyłany, rejestrowany ani wysyłany do interfejsu API.

Kliknij, aby wybrać plik SCSS/Sass lub upuść go tutaj

Możesz także wkleić SCSS/Sass bezpośrednio do edytora poniżej.

0 bajtów

0 bajtów

Gotowy

Kompilacja natywna dla przeglądarki

Kompilacja działa lokalnie przy użyciu oficjalnej implementacji Dart Sass. Żadne arkusze stylów nie są wysyłane do serwerów Convertr.

Fragment kodu i dane wejściowe pliku

Wklej częściowy SCSS, pełne arkusze stylów, zagnieżdżone reguły, zmienne, miksy lub załaduj lokalny plik .scss.

Bezpieczny pomiar

Analytics używa tylko zasobników rozmiaru i redukcji. SCSS źródło, zmienne, miksy i nazwy plików pozostają poza telemetrią.

Często zadawane pytania

Czy mój SCSS został przesłany do Convertr?

Nie. Kompilator SCSS działa lokalnie z JavaScript w przeglądarce. Wklejony SCSS i wybrane pliki nie są wysyłane na serwery Convertr.

Co się stanie, gdy SCSS zawiera błąd składniowy?

Błąd kompilatora z numerami wierszy i kolumn jest wyświetlany w panelu ostrzeżeń, dzięki czemu można zlokalizować i naprawić błąd.

Czy to obsługuje @import lub zdalne zależności?

Nie. Aby zapewnić szybkość, dostępność w trybie offline i prywatność, w tym kompilatorze natywnym dla przeglądarki wyłączono zdalne importowanie i dostęp do systemu plików.

Powiązane narzędzia dla programistów

Minyfikator CSS Kompresuj arkusze stylów CSS Konwerter kolorów CSS Konwertuj CSS kolorów Generator gradientów CSS Twórz gradienty CSS lokalnie HTML Minyfikator Kompresuj fragmenty HTML Minifikator JavaScript Kompresuj kod JavaScript Narzędzia dla programistów Przeglądaj narzędzia przeglądarki

SCSS Kompilator

Skompiluj obsługiwaną składnię SCSS do CSS za pomocą dołączonego kompilatora przeglądarki.

Wejście
Źródło SCSS plus opcje stylu wyjściowego.
Wyjście
Skompilowany CSS lub diagnostyka kompilatora.
Prawdziwe ograniczenia
Kompilator przeglądarki nie rozwiąże dowolnych importów projektu, nie wykonuje wtyczek budowania ani nie gwarantuje zgodności z inną wersją Sass.
Prywatność i przetwarzanie danych
Opcje źródła SCSS i stylu wyjścia są przetwarzane w tej karcie przeglądarki. Convertr nie otrzymuje ani nie przechowuje ich; zamknięcie lub ponowne załadowanie strony czyści stan roboczy, chyba że narzędzie wyraźnie oferuje lokalne pobranie.

Jak używać tego narzędzia

  1. Podaj źródło SCSS oraz opcje stylu wyjścia w kontrolkach narzędzia.
  2. Wybierz ustawienia, które wpływają na skompilowane diagnostyki CSS lub kompilatorów, a następnie uruchom narzędzie.
  3. Przejrzyj skompilowany CSS lub diagnostykę kompilatora przed skopiowaniem lub pobraniem.

Typowe tryby awarii

Niezdefiniowane zmienne, brakujące mixiny, niedostępne importy lub nieprawidłowe zagnieżdżanie zwracają błąd kompilacji z informacją o wierszu.

Przydatny przykład

Skompiluj zmienną $brand i zagnieżdżoną regułę .button hover w rozszerzony lub skompresowany CSS.