1. Minifiziertes Bootstrap-CSS lesbar machen
Frontend-EntwicklerHintergrund
Ein Entwickler muss eine Anpassung an einem geerbten Projekt vornehmen, bei dem nur die minifizierte CSS-Datei vorliegt.
Aufgabe
Der Code ist eine einzige lange Zeile, was das Auffinden bestimmter Klassen und das Verständnis der Kaskadierung unmöglich macht.
Verwendung
Kopieren Sie das minifizierte CSS, fügen Sie es in das Eingabefeld ein, setzen Sie die Einzugsgröße auf 4 Leerzeichen und aktivieren Sie die Leerzeilen zwischen den Regeln.
Einzugsgröße: 4, Leerzeile Zwischen Regeln: AktiviertErgebnis
Der Code wird in ein strukturiertes Stylesheet mit klaren Einrückungen und Absätzen transformiert, sodass Klassen leicht editiert werden können.