Size: a a a

Nuxt.js — русскоговорящее сообщество

2020 September 30

V💊

Vladimir 💉 💊 Voytenk... in Nuxt.js — русскоговорящее сообщество
kentforth
кажется зря я задавал вопрос про работу и требования с препроцессорами....
норм, чатик оживил)
источник

E

Evgeny in Nuxt.js — русскоговорящее сообщество
Да ладно вам, немного пофлудили. У меня пока система в ребут, время как-то скоротать
источник

V💊

Vladimir 💉 💊 Voytenk... in Nuxt.js — русскоговорящее сообщество
Evgeny
Да ладно вам, немного пофлудили. У меня пока система в ребут, время как-то скоротать
взет тебе, а я вот тут зависую вместо того что бы написать тесты уже и закончить работу на сегодня
источник

ВШ

Виталий Шутов... in Nuxt.js — русскоговорящее сообщество
kentforth
народ, очень много видел в вакансиях обязательное требование значние sass, или друго препроцессора. Эти препроцессоры действительно ли так нужны в работе? я лично пользуюст css переменными
Че там сложного то?
источник

k

kentforth in Nuxt.js — русскоговорящее сообщество
Виталий Шутов
Че там сложного то?
ну вот например  я не вижу никакой пользы в препроцессорах, если я с css переменным довольно быстро верстаю,  изучение какой либо технологии просто чтобы было, ну такое себе
источник

AG

Andrey Govorukhin in Nuxt.js — русскоговорящее сообщество
kentforth
ну вот например  я не вижу никакой пользы в препроцессорах, если я с css переменным довольно быстро верстаю,  изучение какой либо технологии просто чтобы было, ну такое себе
так это не только переменные
источник

k

kentforth in Nuxt.js — русскоговорящее сообщество
Andrey Govorukhin
так это не только переменные
я не знаю преимуществ, поэтмоу и спрашивал
источник

AG

Andrey Govorukhin in Nuxt.js — русскоговорящее сообщество
kentforth
я не знаю преимуществ, поэтмоу и спрашивал
https://sass-scss.ru/guide/

можешь ознакомиться )
источник

E

Evgeny in Nuxt.js — русскоговорящее сообщество
Миксины, функции. Мне удобно юзать функцию для переведения px в rem и Line-height. Самый частый миксин для transition. @include anim(color, fill, border-color) Все. На выходе будет развернутый стиль, который не пришлось писать самому. Ну и также много упрощалок всяких.
источник

k

kentforth in Nuxt.js — русскоговорящее сообщество
Evgeny
Миксины, функции. Мне удобно юзать функцию для переведения px в rem и Line-height. Самый частый миксин для transition. @include anim(color, fill, border-color) Все. На выходе будет развернутый стиль, который не пришлось писать самому. Ну и также много упрощалок всяких.
понял, Благодарю!
источник

ST

Sergey Titov in Nuxt.js — русскоговорящее сообщество
Evgeny
Миксины, функции. Мне удобно юзать функцию для переведения px в rem и Line-height. Самый частый миксин для transition. @include anim(color, fill, border-color) Все. На выходе будет развернутый стиль, который не пришлось писать самому. Ну и также много упрощалок всяких.
> функцию для переведения px в rem
Просто кастомная функция аля x / 16?
источник

ST

Sergey Titov in Nuxt.js — русскоговорящее сообщество
А то мне поднадоело ручками считать)
источник

E

Evgeny in Nuxt.js — русскоговорящее сообщество
Таки да
источник

ST

Sergey Titov in Nuxt.js — русскоговорящее сообщество
Видел некоторые на body вешают font-size 60% (или что-то около того), чтобы 1rem был равен 10px, не пробовал такое?
источник

E

Evgeny in Nuxt.js — русскоговорящее сообщество
Но rem завязан на html
источник

ST

Sergey Titov in Nuxt.js — русскоговорящее сообщество
мб на html весили, я не вникал особо, так, краем глаза видел
источник

ST

Sergey Titov in Nuxt.js — русскоговорящее сообщество
интересно есть ли от такого подхода какие-то подводные камни
источник

E

Evgeny in Nuxt.js — русскоговорящее сообщество
Да, если интерфейс очень плотный, а у юзера будет по дефолту стоять 20px или зум системы больше 100%, то базовый шрифт будет увеличен и интерфейс поедет
источник

ST

Sergey Titov in Nuxt.js — русскоговорящее сообщество
Это ты в целом про использование rem, как я понимаю.
Но, к слову, я свой потестил и у меня все с этим вроде ок.
источник

ST

Sergey Titov in Nuxt.js — русскоговорящее сообщество
Я интересовался подводными камнями приведением rem к 10px
(для ровного подсчета)
источник