search

AlekseyShaydullin / botkits-board

Репозиторий для доски Botkits-board
0 stars 0 forks source link

REF - Переработать переменные SCSS #19

Open AlekseyShaydullin opened 1 year ago

AlekseyShaydullin commented 1 year ago

Название ветки: Refactor-SCCS-VOL1

В проекте есть файл:

Image

Необходимо его оптимизировать. А если говорить точнее взять наработки и переписать scss стили заново. =) В корне src cоздать отдельную папку stylesheets В ней создать файлы: _variables.scss - для переменных _mixins.scss - для миксинов _functions.scss - для функций После эти файлы подключаем в index.scss

Советы по оптимизации файла _vars.scss:

  1. Очень много констант с одним и тем же цветом. Хорошо бы выработать понятный нейминг и избегать повторений.
  2. Переменные радиуса вынести в функции.
  3. Создать миксины для часто повторяющихся стилей. - Если есть идеи. Вообще это задача для следующей таски.

Полезное чтиво:

  1. https://sass-guidelin.es/ru/#section-46
  2. https://sass-lang.com/documentation/

Update:

При написании переменных цвета ориентируемся на названия в Фигме, что бы в дальнейшей работе было понятно, какую переменную использовать:

Image

Следовательно у нас получатся две переменные: $primary-medium-spring-green-default: #22FFAA; $primary-oxford-blue-default: #060C23;

Заводим те переменные, которые есть в дизайн системе проекта.