Dodawanie niestandardowego arkusza stylów Gantry 5
Dodawanie niestandardowego arkusza stylów Gantry 5 jest dość prostym procesem. Jedyną rzeczą, którą powinieneś zrobić, to utworzyć niestandardowy plik SCSS/CSS o nazwie custom.scss i umieścic go w katalogu templates/g5_helium/custom/scss/.
Możesz sformatować zawartość pliku w formacie SCSS lub CSS. Gantry automatycznie go pobierze i skompiluje.
SCSS to rozwinięcie skrótu "Sassy CSS" i jest to nadzbiór języka CSS. Pozwala na bardziej zaawansowane i modularne pisanie arkuszy stylów, co ułatwia utrzymanie i dostosowywanie projektów stron internetowych. W naszym projekcie wykorzystamy go wyłącznie do podziału css na moduły, aby łatwiej było nam poruszać się po stylach projektu.
Podział css na pliki odzwierciedlające sekcje w projekcie.
Tymczasowo są to nazwy sekcji szablonu Gantry, później zmienimy to na bardziej odpowiadajace naszym blokom treści.
Struktura scss:
Import do pliku custom.scss
*wykorzystuje @import metodę, która jest przestarzała. Obecnie mamy @use i @forward, które są nowoczesnymi metodami importowania plików i folderów w Sass.
