Публикации по теме 'css-in-js'


JavaScript 30 – День 27 Учебные заметки
День 27 JavaScript 30 Веса Боса включал настройку функции щелчка и перетаскивания для прокрутки нескольких элементов div по горизонтали в окне просмотра. HTML и CSS создали серию из 23 элементов div в виде слайдера. Элементы div будут слегка трансформироваться при нажатии для получения приятного эффекта. Мы устанавливаем несколько переменных. const slider = document.querySelector('.items'); let isDown = false; let startX; let scrollLeft; Затем мы добавили прослушиватели событий..

Вопросы по теме 'css-in-js'

Неправильный порядок стилей JSS - Material-UI
У меня есть ситуация, когда стили JSS моей библиотеки компонентов MUI ( стили A ) заменяют стили, предоставленные веб-сайтом потребителя ( стили B ). Стили A предназначены для перезаписи стилями B. Возьмите этот минимальный пример: Стили A...
1096 просмотров
schedule 03.03.2022

Styled Components - передача объекта в качестве второго аргумента для функции цвета из полированного
Я использую polished , о котором можно прочитать документацию , и здесь github здесь. При написании стилей на JavaScript многим нужны вспомогательные функции в стиле Sass для продуктивной работы. ✨ полированный предлагает их вам в...
850 просмотров
schedule 22.12.2022

Как использовать react-jss с MaterialUI 4?
Я уже некоторое время использую react-jss с material-ui . В руководстве по миграции material-ui 3.x -> 4.x говорится, что MUI 4 несовместим с React JSS 9.x: https://material-ui.com/guides/migration-v3/ Кроме того, похоже, что проект...
1776 просмотров
schedule 12.04.2022

Styled-components: стили не применяются при попытке стилизовать уже стилизованный компонент
Я пытаюсь стилизовать свой компонент, который уже был стилизован. Но стили в новых правилах не применяются в выходном CSS. Могу ли я стилизовать компонент, который я уже стилизовал? Заранее благодарим вас за помощь. РЕДАКТИРОВАТЬ: добавить...
1540 просмотров
schedule 13.02.2023

Псевдоэлемент :after не показывает себя в среде react-jss
Я пытаюсь сделать эффект подчеркивания для тега li , используя псевдоэлемент ::after в рамках фреймворка react-jss. Однако он не работает на странице. Вот весь пример в песочнице кода: https://codesandbox.io/s/confident-taussig-ecif2 И часть...
204 просмотров
schedule 03.03.2024