Описание тега css-modules
Модули CSS - это препроцессор, который позволяет имитировать локальную область видимости и зависимости управления в коде CSS.
4
ответа
CSS модуль `:hover .child` не работает
У меня есть следующие scss: .skillBox { position: relative; border-radius: 10px; border: 1px solid #ccc; box-shadow: 0 2px 20px #ccc; padding: 1em; &:hover { padding: 3em; .d-none { display: inline-block !important; } } &:hover .d-none { dis…
08 авг '18 в 14:49
1
ответ
Относительный путь в фоновом URL не работает при использовании css-модулей
Я использую реагировать-реагировать-приложение. Я поставил url: falseи включите css-модули. webpack.gonfig.dev.js(module/ rules): { test: /\.css$/, use: [ require.resolve("style-loader"), { loader: require.resolve("css-loader"), options: { importLoa…
06 авг '18 в 08:11
0
ответов
Почему установка 'modules:true' в моем конфиге веб-пакета нарушает стилизацию при других импортах CSS
Я использую веб-пакет 3.8. В настоящее время в моем приложении "Реакция" я использую "Реак-селект" (1.2.1), компонент, которому необходимо импортировать некоторые CSS в файл index.js. import 'react-select/dist/react-select.css'; все отлично работает…
02 май '18 в 00:15
1
ответ
Модули CSS не работают со сторонним пакетом реакции-спинки
Я пытаюсь использовать пакет act-spinkit для моего веб-приложения React.js. В этом приложении я решил использовать модули CSS. Когда я переключился на CSS-модули, я заметил, что созданный мной спиннер не рендерился. Я уверен, что это связано с тем, …
03 окт '18 в 23:06
1
ответ
Ошибка Webpack: Сборка модуля завершилась неудачно: Ошибка: среда [объект] не поддерживается
Я получаю строку ошибок при сборке модуля с помощью Webpack. Я не могу найти документацию, чтобы предложить, что означает эта ошибка. Webpack Error: Module build failed: Error: Environment [object Object] not supported Одна из библиотек, загруженных…
02 сен '17 в 22:02
1
ответ
Почему мой цвет переопределяется с помощью css-модулей?
Я пытаюсь понять, почему мой цвет переопределяется в моем CSS когда я использую css-modules, Вот мой jsx: let tabLink = className({ [s.selected]: selectTab }); <li className={s.tabs}> <a className={tabLink}>{tab.translation}</a> &l…
04 апр '16 в 16:40
1
ответ
Невозможно импортировать стили, используя css-модули, веб-пакет и реагировать
Я разрабатываю свое приложение реакции. Я использую css-модули с веб-пакетом. Вот мой конфиг: { test: /\.css$/, loaders: ["style", "css?modules"] }, Я разработал свой компонент, сделал кофе, и теперь он не работает. Итак, у меня есть таблица стилей,…
14 янв '16 в 19:42
3
ответа
Откроется выпадающий список реагирования
У меня есть пользовательский модал, где у меня есть 2 компонента выбора реакции внутри. Модальное тело готово к автоматической прокрутке, если содержимое превышает его размер, но раскрывающийся список компонентов реагировать на выбор открывается вну…
26 фев '19 в 17:04
1
ответ
Визуализируйте стили normalize.css + эмоции с помощью Next.js
Я пытаюсь добавить Normalize.css как глобальный и использовать эмоции для моих CSS-модулей. Сначала мой .babelrc { "presets": [ ["env", { "modules": false, "useBuiltIns": true }], "next/babel" ], "plugins": [ "syntax-dynamic-import", "transform-runt…
28 дек '17 в 19:57
1
ответ
Модули CSS - печать таблицы стилей - как переопределить классы
Как создать таблицу стилей печати, которая может переопределять динамические стили, созданные модулями CSS? Используя модули CSS, имена классов отображаются с уникальными именами, например: <button class="buttons_style_primary-button__3T" type="s…
01 июн '17 в 23:30
1
ответ
Werid `:local` в выходном файле`CSS`
Я просто объявляю key-frames: @keyframes spinner { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } Но в CSS файл, который Webpack сделал для меня вижу: animation: 1s infinite alternate :local(spinner) Что такое :local??? Я ищу …
07 янв '18 в 06:00
0
ответов
Как составить стили с помощью sass и css-модулей?
Я просто захожу в create-react-app v2 и мне было интересно, как стилизация делается в проектах. Есть так много способов сделать стиль. Например, если у вас есть .NavBar который также использует многоразовые .container и, может быть, другой класс, ка…
06 окт '18 в 05:54
2
ответа
Получить цвет целевого HTML-элемента в React
Попытка получить цвет HTML-элемента с помощью реакции, чтобы перейти к моему редуксному действию / редуктору. JSX <div> <button styleName="css_toggle" id ="css" onClick {this.handleClick}>CSS</button> </div> Обработчик событи…
02 июн '16 в 05:01
0
ответов
Как настроить модули CSS с помощью sass и ExtractTextPlugin в веб-пакете
Я пытаюсь использовать модули CSS в веб-пакете, но он не работает. Мой веб-пакет: var path = require('path') var webpack = require('webpack') var HappyPack = require('happypack') var BundleTracker = require('webpack-bundle-tracker') var path = requi…
27 сен '16 в 12:25
0
ответов
Как использовать композиции с файлами не из CSS в Vue Loader
Есть ли способ использовать Vue Loader? composes с не CSS-файлами, такими как Sass, Stylus, Less и т. д.? <style lang="stylus" module> .foo composes bar from './assets/css/base.styl' </style> На данный момент он работает только с простым…
31 авг '18 в 12:23
0
ответов
Получение ошибки при сборке производственной сборки с помощью веб-пакета и extract-text-plugin
У меня ошибка при попытке создать производственную сборку моего приложения React: /home/andrey/Projects/Datarisk/app-frontend/node_modules/extract-text-webpack-plugin/index.js:28 if(c.isInitial()) return; ^ TypeError: Cannot read property 'isInitial…
23 май '17 в 15:47
1
ответ
Используя модули CSS в реакции, как я могу передать className в качестве опоры для компонента
Если у меня есть компонент реагирования, и я хочу передать имя класса, как мне это сделать с модулями CSS. В настоящее время он просто дает className, но не сгенерированное хешем имя модуля css, которое я получу за <div className={styles.tile + '…
02 дек '15 в 05:54
2
ответа
Как я могу использовать postcss-bem с css-модулями или postcss-js в компоненте React
Я учусь, как использовать postcss-bem для генерации CSS-файлов в стиле bem, но мне интересно, есть ли какой-нибудь пакет, такой как CSS-модули или Postcss-JS, который я мог бы использовать для выполнения чего-то вроде ниже: const ReactComp extends R…
06 янв '16 в 10:17
0
ответов
Как включить синтаксис CSS-модулей в сканере SonarQube?
Мы используем модули CSS через post-css в реактивном проекте. Это предполагает использование :local а также :global переключатели, см. https://github.com/css-modules/css-modules Теперь проект проверяется на качество кода через SonarQube. Однако прав…
25 сен '18 в 14:12
1
ответ
Как использовать scss с модулями css / postcss внутри компонентов
Я не могу понять, как настроить мой веб-пакет, чтобы иметь возможность использовать модули scss внутри моих компонентов, например: import styles from './ComponentStyles.scss' До сих пор я пытался настроить веб-пакет для использования sass-loader ряд…
24 июн '16 в 22:19