Wyszukaj / o blogu

Sass - struktura projektu

Opublikowano wto 02 czerwca 2020 w saas • Tagi: sass, scss, css, javascript, gulp, gulpfile • 1 min read

struktura-projektu-scss

Wraz z wzrostem wielkości projektu, większą rolę odgrywać będzie odpowiedni sposób strukturyzacji oraz modularyzacji plików zdefiniowanych w ramach niego stylów. Podział na odpowiednie moduły umożliwia również ponowne wykorzystanie wybranych części kodu w innych projektach.

Zwyczajowo przyjęło, się że plik, który importuje moduły (partials) a staje się łącznikiem pomiędzy nimi nazwany …


Czytaj dalej

Sass - wbudowane moduły i ich metody

Opublikowano ndz 31 maja 2020 w saas • Tagi: sass, scss, css, javascript, gulp, gulpfile • 4 min read

Sass oferuje następujące wbudowane moduły color, list, map, math, meta, selector, string

Używanie modułu odbywa się poprzez jego zaimportowanie na początku poprzez odowłanie się do słowa kluczowego @use nazwy modułu oraz użycia gwiazdki lub bez użycia gwiazdki - wówczas każda metoda musi być poprzedzona nazwą modułu

@use 'sass:math';
$half: math …

Czytaj dalej

Sass - wprowadzenie

Opublikowano ptk 29 maja 2020 w saas • Tagi: sass, scss, css, javascript, gulp, gulpfile • 7 min read

CSS na sterydach - czyli Syntactically Awesome Style Sheets

Sass

Sass jest językiem skryptowym rozszerzającym możliwości CSS i wymaga kompilacji na CSS tak aby mógł być interpretowany przez przeglądarki w tym celu można wykorzystać Gulpa (odpowiedniej wtyczki) lun wtyczki VSC.

Sass pozwala na:

* definiowanie zmiennych

* pisanie składni opartej na zagnieżdżaniu selektorów w …


Czytaj dalej