#experiments #customcss #pseudoelements #mediaquery #tweak #example

https://ru.svelte.dev/repl/8606ff36eb99447cb7ee420dbad63333?version=3.24.1

“ …кастомные стили с переменными для всяких там @media и ::after / ::before 🤷‍♂️ …все стили добавляются в head, в отдельный тэг через style.sheet

#svelte #widget #mediaquery

Привет, пару дней назад решил залить на npm виджет который уже многие годы сильно облегчает мне рутину адаптивной вёрстки.
Это мини виджет который отображает текущий брейкпоинт ширины экрана (based on tailwind defaults), а так же позволяет быстро скопировать media-query selector.

Идею взял с какого-то англоязычного канала и всё это время интегрировал что-то подобное во все проекты на этапе вёрстки.

https://www.npmjs.com/package/svelte-screensize-widget