Jak zmienić styl CSS w dużym, zminimalizowanym pliku CSS

Zdarza się, że style CSS szablonów PrestaShop albo WordPress są dość dużej wielkości, a kod jest w nich zminimalizowany. Nie sposób przeedytować taki plik, bo kod CSS to praktycznie ciąg znaków i dyrektyw bez znaków nowej linii. Są serwisy do „upiększania” takiego kodu albo opcje w edytorach testowych – do ich formatowania. Jednak może to spowobować niespodziewane błędy w nietypowych dyrektywach i rozsypanie elementów HTML. Najłatwiej wtedy jest dopisać do pliku import innego pliku CSS.

Wystarczy na jego końcu wpisać kod:

@import url("custom.css");

Wtedy wystarczy w tym folderze co duży plik CSS umieścić nowy plik custom.css i tam nadpisać pożądane dyrektywy.

Oczywiście edytor tekstowy może się wysypać w momencie otwierania takiego obszernego pliku. Łatwo można dodać taką linię poprzez komendę Linux

echo -e "@import url(\"custom.css\");" >> theme.css