Konwerter SCSS do CSS.
Bezpośredni konwerter online SCSS do CSS, bez konieczności instalacji. Kompiluje SCSS/SASS do formatu CSS.
Informacje o SCSS na CSS
Spłaszcza zagnieżdżenia SCSS do zwykłego CSS, analizując bloki reguł oparte na wcięciach. Łączy zagnieżdżone selektory z ich selektorami nadrzędnymi (uwzględniając skrót odwołania do rodzica za pomocą &), emituje każdą regułę wraz z jej właściwościami i usuwa funkcje specyficzne dla SCSS, takie jak komentarze wierszowe i deklaracje $variable.
Jak używać
1. Wklej SCSS do pola wprowadzania. 2. Kliknij Convert, aby wygenerować CSS w polu wyniku. 3. Użyj Copy, aby skopiować wynik. Jeśli dane wejściowe są puste, pojawi się komunikat o błędzie.
Zagnieżdżenia i zmienne
Zagnieżdżone selektory są łączone z selektorem nadrzędnym spacją, na przykład .parent .child. Selektor podrzędny zaczynający się od & (w tym pseudoklasy takie jak &:hover) jest dołączany bezpośrednio do rodzica bez spacji. Deklaracje SCSS $variable są zastępowane komentarzem /* $variable removed */, a każde pozostałe użycie $name staje się var(--variable), więc wynik jest prawidłowym CSS, nawet jeśli nie jest wykonywane pełne rozwiązywanie zmiennych.
▶W jaki sposób parser wykrywa głębokość zagnieżdżenia?
▶Jak są obsługiwane zmienne SCSS?
▶Czy obsługiwane są @include, @mixin lub @extend?
▶Czy komentarze wewnątrz wierszy są zachowywane?
Jeśli ten tool był dla ciebie przydatny, pomyśl o tym, aby kupić mi kawę.
Kup mi kawę.