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 został przesłany, zarejestrowany ani wysł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 przeglądarką JavaScript. Wklejono 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

CSS Minyfikator Kompresuj arkusze stylów CSS Konwerter kolorów CSS Konwertuj CSS kolorów generator CSS Gradient Tworzenie gradientów CSS lokalnie HTML Minyfikator Kompresuj fragmenty HTML JavaScript Minyfikator Kompresuj kod JavaScript Narzędzia dewelopera Przeglądaj narzędzia przeglądarki

SCSS Kompilator

Kompiluj wspierany syntax SCSS do CSS za pomocą kompilera przeglądarki.

Wejście
SCSS źródło więcej opcji output-style.
Wyjście
Kompilowane diagnostyki CSS lub kompilatorów.
Prawdziwe ograniczenia
Kompilator przeglądarki nie rozwiąże arbitralnych projektów, nie wykonuje wtyczek budowy ani nie gwarantuje równości z inną wersją Sass.
Prywatność i przetwarzanie danych
Opcje źródła SCSS plus wyjścia-tylu są przetwarzane w tej karcie przeglądarki. konwerter nie otrzymuje ani nie przechowuje; zamknięcie lub ponowne pobieranie strony wyjaśnia stan pracy, chyba że narzędzie wyraźnie oferuje lokalne pobranie.

Jak wykorzystać ten narzędzie

  1. Dostarczanie opcji źródła SCSS plus opcje stylu wyjścia w kontrolach narzędzi.
  2. Wybierz ustawienia, które wpływają na skompilowane diagnostyki CSS lub kompilatorów, a następnie uruchom narzędzie.
  3. Przegląd skompilowany CSS lub diagnostyki kompilatorów przed kopiowaniem lub pobieraniem.

Wspólne tryby niepowodzenia

Nieodpowiedziane zmienności, brakujące mieszanki, niewystarczające importowanie lub nieprawidłowe wstrząsy zwracają błędne gromadzenie.

Przykład przydatny

Kompiluj zmienną marki $ i układ .button hover w rozszerzonym lub skromnym CSS.