Публикации по теме '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