#7 Gulp сборка проекта | Организация стилей
Материалы урока
Код: https://github.com/DmitryBerdnikov/gu...
npm i normalize.css smart-grid --save
npm i import-fresh gulp-sass-glob --save-dev
Ссылки урока
normalize.css: https://www.npmjs.com/package/normali...
focus-visible: https://www.npmjs.com/package/focus-v...
smart-grid: https://www.npmjs.com/package/smart-grid
smart-grid-config: https://github.com/DmitryBerdnikov/gu...
import-fresh: https://www.npmjs.com/package/import-...
styles variables: https://github.com/DmitryBerdnikov/gu...
сниппет для vs code: https://gist.github.com/DmitryBerdnik...
gulp-sass-glob: https://www.npmjs.com/package/gulp-sa...
Связь со мной
Привет! Меня зовут Дмитрий Бердников, я frontend-разработчик.
На канале делюсь знаниями по веб-разработке.
VK: https://vk.com/berdnikovdmitry
Telegram: https://t.me/berdnikovDima
#gulp #sass
Таймкоды:
0:00 Интро
0:20 Подключение normalize.css
1:25 Добавление node_modules в path для sass
2:10 Подключение smart-grid
7:32 Подключение import-fresh
9:04 Добавление переменных
10:56 Добавление функций
12:05 Добавление миксинов
13:43 Добавление сниппета для медиа выражения
14:36 Добавление базовых стилей
18:53 Стили для focus-visible
20:46 Добавление layout
21:35 Добавление components
22:31 Подключение gulp-sass-glob