TGViewer
Programmer Way | AI Programmer Way | AI @programmerwayit · 1.78K subscribers
Post #388 2.3K
​​Улучшения для верстки №7.
Переменные в scss и их применение. Вещь достаточно специфичная, я сам в начале не понимал зачем это нужно, пока сам не попробовал

Синтаксис scss позволяет создать переменную благодаря знаку $, обычно для всех переменных на проекте я создаю отдельный файл(_vareibles.scss), куда и складываю все переменные

Применение. Обычно их используют только в 2 случаях: когда на сайте есть повторяющиеся стили(например цвета) и когда мы хотим изменить что-то в одном месте, а все расчеты под нас подстроятся(например мы задали переменной шрифт, а потом в body у нас будет этот шрифт по умолчанию или мы задали размер для контейнера, как в макете, а медиа запросы сами подстроятся под нас)

Это значительно упрощает работу, поэтому используйте переменные у себя в проектах, но не стоит все оборачивать в переменные, всё-таки нужно знать меру
More from @programmerwayit
  1. Aug 15, 2026Всем привет! 👋 После достаточно долгого перерыва пришла идея возродить этот канал, с моме…
  2. Aug 31, 2022​​ScrollReveal. Библиотека для создания анимации при скролле. Если нужно быстро добавить п…
  3. Aug 24, 2022​​Переезд в Бельгию. Всем привет, мир меняется, и если вчера можно было говорить, что така…
  4. Jul 26, 2022​​Sinauw. Всем привет! Давно не выходили посты, постараюсь исправиться, думаю нас ждет еще…
  5. Jun 24, 2022​​LocalStorage и sessionStorage. Хранилища текстовой информации в браузере. LocalStorage м…
  6. Jun 19, 2022​​Chart.js. Chart.js — это большая библиотека для создания графиков, гистограмм, радарных…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →