n0sfer666 / Toxin-hotel

0 stars 0 forks source link

Кодстайл #42

Closed Everrest1 closed 4 years ago

Everrest1 commented 4 years ago

Тут можно отформатировать в несколько строк

image

Everrest1 commented 4 years ago

Не уверен, что такая точность необходима)

image

Everrest1 commented 4 years ago

В pug это считай тот же javascript, поэтому используем одинарные апострофы. Делается очень легко, если у тебя VSCode

Everrest1 commented 4 years ago

Лучше сначала объявить переменные, а потом начинать вёрстку

image

n0sfer666 commented 4 years ago

Тут можно отформатировать в несколько строк

image

Сделал (a3fe29b)

Не уверен, что такая точность необходима)

image

К сожалению, необходима :) (иначе по pixelPerfect совсем всё печально)

В pug это считай тот же javascript, поэтому используем одинарные апострофы. Делается очень легко, если у тебя VSCode

Сделал (1547d9c)

Лучше сначала объявить переменные, а потом начинать вёрстку

image

Сделал в color-block и еще 3х компонент (e28337e)

Everrest1 commented 4 years ago

Не уверен, что такая точность необходима) image

К сожалению, необходима :) (иначе по pixelPerfect совсем всё печально)

Мне интересно, как ты рассчитал этот паддинг в процентах с точностью до десятитысячных

Everrest1 commented 4 years ago

Стоило бы вынести svg код в отдельный файл. И что-то сомневаюсь в правильности делать иконку бэкграундом, выглядит как костыль

image

n0sfer666 commented 4 years ago

Не уверен, что такая точность необходима) image

К сожалению, необходима :) (иначе по pixelPerfect совсем всё печально)

Мне интересно, как ты рассчитал этот паддинг в процентах с точностью до десятитысячных

ширина контейнера 1440пкс = 100%, 140пкс = X%. Дальше, по правилам пропорции, получаем первые значения и корректируем в PixelPerfect.

n0sfer666 commented 4 years ago

Стоило бы вынести svg код в отдельный файл. И что-то сомневаюсь в правильности делать иконку бэкграундом, выглядит как костыль

image

Сделал в этой компоненте и в 3х других (3da6d42).

Everrest1 commented 4 years ago

Не уверен, что такая точность необходима) image

К сожалению, необходима :) (иначе по pixelPerfect совсем всё печально)

Мне интересно, как ты рассчитал этот паддинг в процентах с точностью до десятитысячных

ширина контейнера 1440пкс = 100%, 140пкс = X%. Дальше, по правилам пропорции, получаем первые значения и корректируем в PixelPerfect.

Как по мне padding в процентах добавляет неочевидности в вёрстку. Но если так хочешь, можешь сделать функцию по расчёту этих значений, а вот такие значения это ненужное усложнение, как по мне image

Everrest1 commented 4 years ago

Можно и без переменной литерал объекта передавать

image

n0sfer666 commented 4 years ago

Можно и без переменной литерал объекта передавать

image

Исправил (31af018)

n0sfer666 commented 4 years ago

Не уверен, что такая точность необходима) image

К сожалению, необходима :) (иначе по pixelPerfect совсем всё печально)

Мне интересно, как ты рассчитал этот паддинг в процентах с точностью до десятитысячных

ширина контейнера 1440пкс = 100%, 140пкс = X%. Дальше, по правилам пропорции, получаем первые значения и корректируем в PixelPerfect.

Как по мне padding в процентах добавляет неочевидности в вёрстку. Но если так хочешь, можешь сделать функцию по расчёту этих значений, а вот такие значения это ненужное усложнение, как по мне image

Сделал расчёты в начале файлов стилей (92432a3)

Everrest1 commented 4 years ago

Такое количество атрибутов лучше отформатировать в несколько строк

image

n0sfer666 commented 4 years ago

Такое количество атрибутов лучше отформатировать в несколько строк

image

Исправил (6640883)

Everrest1 commented 4 years ago

Такое количество атрибутов лучше отформатировать в несколько строк image

Исправил (6640883)

Не, отформатируй, как это делается по стайлгайду, каждый атрибут на новой строке с отступом 2 пробела

n0sfer666 commented 4 years ago

Такое количество атрибутов лучше отформатировать в несколько строк image

Исправил (6640883)

Не, отформатируй, как это делается по стайлгайду, каждый атрибут на новой строке с отступом 2 пробела

Cделал (21e4f12)

Everrest1 commented 4 years ago

Отступы

image image image image image image image

Everrest1 commented 4 years ago

css loader сам проставляет все префиксы, вроде как

image

n0sfer666 commented 4 years ago

css loader сам проставляет все префиксы, вроде как

image

Вообще, нет (можно проверить тут), но решение я нашел - ::placeholder { color: $color } (1d9bd0a)

Everrest1 commented 4 years ago

Отступ

image

Everrest1 commented 4 years ago

А он ведь глобально ко всем элементам применён

image

Everrest1 commented 4 years ago

Отступы((

image

n0sfer666 commented 4 years ago

Отступ

image

Отступ

image

А он ведь глобально ко всем элементам применён

image

Исправил (da8be0e)

n0sfer666 commented 4 years ago

Отступы((

image

Прошелся по всему проекту. Привёл всё к единому кодстайлу (27bfab0)

Everrest1 commented 4 years ago

Отступ перед скобкой

image

Everrest1 commented 4 years ago

Эти отступы между квадратными скобками выглядят странно

image

n0sfer666 commented 4 years ago

Отступ перед скобкой

image

Эти отступы между квадратными скобками выглядят странно

image

Исправил (652e09d, 4447c8c)