Описание тега cssnext
NoneCssnext - это плагин для PostCSS, который модернизирует синтаксис CSS. Он преобразует современный CSS в CSS, совместимый со старыми браузерами.
0
ответов
Импортируйте папку с помощью cssnext
В настоящее время я импортирую файлы с использованием cssnext и postcss следующим образом: @import "./components/button"; @import "./components/table"; @import "./components/list"; Есть ли способ рекурсивного импорта всех файлов в данной папке, как …
01 ноя '18 в 21:25
1
ответ
Разбор cssnext для JSON
У меня есть файл cssnext, содержащий глобальные цвета, например: // ../properties.css :root{ --colourOne:#000000 --colourTwo:#000001 } Я хочу проанализировать их для объекта JSON, чтобы редактирование цветов могло автоматически обновлять руководство…
08 сен '17 в 15:46
2
ответа
Повторное использование переменных во всех файлах css- с использованием postcss-cssnext и, в частности, postcss-custom-properties с css-модулями
Я использую css-модули вместе с postcss-cssnext и, в частности, его функцию postcss-custom-properties Я также использую реактивный шаблон ( https://github.com/mxstbr/react-boilerplate/), и этот очень хороший шаблон поставляется с этими модулями, исп…
26 окт '16 в 15:59
3
ответа
Как я могу настроить разные customProperties в postcss.config.js для разных точек входа в Webpack?
Я использую Webpack 4. У меня есть две точки входа в мой webpack.config.js, для каждого из которых я генерирую отдельный файл CSS, используя mini-css-extract-plugin, const webpack = require('webpack') const path = require('path') const MiniCssExtrac…
28 июл '18 в 02:21
1
ответ
Как заставить postcss-loader, postcss-cssnext и sass-loader работать вместе в веб-пакете?
Это мое Webpack конфиги для scss/css файлы. ... { test: /\.s?css$/, use: [ 'style-loader', { loader: 'css-loader', options: { importLoaders: 2 } }, { loader: 'postcss-loader', options: { ident: 'postcss', plugins: loader => [ require('postcss-imp…
18 май '18 в 10:27
0
ответов
Angular 7 - Пользовательские свойства CSS (Переменные CSS)
Я пытаюсь найти решение, как интегрировать polyfill/fallback для CSS-переменных в проект, который использует новейшую версию Angular (7.0.1) с Angular Material (7.0.2). Проблема в том, что ng eject в данный момент отключен, поэтому я не могу редакти…
09 ноя '18 в 11:03
3
ответа
Должен ли я использовать Twitter начальной загрузки или JavaScript, чтобы скрыть div?
Я использую responseJS, и я хотел бы скрыть div на меньшем экране (ширина<768px). У меня есть два варианта здесь: Первый метод: { !!isSmallerScreen ? <div className="icon">Icon</div> : <div className="name">Name</div> } Описа…
15 апр '17 в 01:14
1
ответ
Postcss - плагин функции цвета - "Невозможно разобрать цвет из строки"
Используя следующие плагины postcss: postcss-cssnext postcss-вложенный postcss цвет-функция Я постоянно получаю следующую ошибку, когда использую следующую цветовую функцию. Unable to parse color from string "l(-20%)" styles.css @import 'variables.c…
19 фев '17 в 07:03
1
ответ
Глоток: Ошибка PostCSS - версия postcss выше, чем версия postcss-import
Я пытаюсь преобразовать мой CSS с PostCss с помощью Gulp. Когда я добавляю плагин cssnext в PostCss, я получаю следующую ошибку: Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.19, but postcss-import uses 4.1.16. Perhaps this …
15 мар '18 в 21:32
1
ответ
Я использую gulp-postcss и postcss-cssnext для перевода css и получил проблемы
Я использую cssnext, чтобы написать свой css :root{ --ellipsis: { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }; }; и используйте @apply --ellipsis в 3 местах .div1{ @apply --ellipsis } .div2{ @apply --ellipsis } .div3{ @apply --…
23 июн '17 в 10:45
2
ответа
Изменение: корневые переменные на разных страницах с классом
Можно ли использовать :root селектор с идентификатором или классом? Я пытаюсь перевернуть цвета на другой странице. :root { --color-one: red; --color-two: blue; } /* Can something like this happen? */ .posts:root { --color-one: green; --color-two: y…
02 янв '18 в 20:52
0
ответов
Использование переменной в функции cssnext с styled-jsx
У меня есть приложение Next.js, где я пытаюсь стилизовать элемент на основе переменной, которая устанавливается во время выполнения, например: import React from 'react'; export default ({ myVar }) => ( <div> <button>Click me!</butt…
27 фев '18 в 16:48
0
ответов
Интегрируя набор инструментов реакции в сборник рассказов
У меня проблема с созданием простого рассказа о кнопках реагирующих инструментов в сборнике рассказов. Я хочу подчеркнуть, что все мои настройки response-toolbox в самом приложении работают хорошо. Подходящее postcss.config.js файл выглядит так: con…
10 май '17 в 09:39
1
ответ
Как сохранить этот код CSS СУХИМ вместе с удовлетворением нисходящей специфики
Вот мой блок CSS: :global { table, .table { border-collapse: collapse; border-spacing: 0; width: 100%; font-size: 0.8em; font-family: var(--font-family-roboto); font-weight: normal; letter-spacing: .25px; &.fixed { table-layout: fixed; } &.d…
18 янв '18 в 21:08
2
ответа
Использование глобальных переменных css next
У меня есть парсер postcss, настроенный с помощью http://cssnext.io/ и я пытаюсь найти способ настроить variables.css файл, содержащий все настройки моей темы. До сих пор variable.css выглядит так с парой варов :root { --color-white: #FFF; --color-b…
01 сен '16 в 08:56
2
ответа
Конфигурация PostCSS и Webpack
Я очень расстроен, потому что не могу найти полезного ресурса по этому вопросу. Я просто хочу посмотреть мои файлы.css, использовать плагины post css для их преобразования и, наконец, экспортировать их в мою / публичную папку, как я уже делал с моим…
23 мар '17 в 22:33
1
ответ
PostCSS-cssnext не компилирует CSS-ввод
У меня проблема с postcss-cssnext: он не компилирует мой CSS так, как я ожидаю. Это мой CSS-ввод: :root { --bgcolor: #fbc547; } body { background-color: var(--bgcolor); } К сожалению, результат выглядит точно так же - однако я ожидаю что-то вроде эт…
02 июн '17 в 21:42
1
ответ
Ожидается конечная точка с запятой (объявление-блок-конечная точка с запятой)
Попытка использовать правила вложения через postcss, но получение предупреждений ниже. Какие правила мне нужно добавить в файл stylelint, чтобы исправить эти предупреждения? Вот CSS: .count-sec { height: 520px; & p { color:#fff; margin: 0; } } П…
10 июл '17 в 13:27
0
ответов
gulp postcss cssnext autoprefixer не работает
Глоток: var gulp = require('gulp'); var postcss = require('gulp-postcss'); var autoprefixer = require('autoprefixer'); var cssnext = require('postcss-cssnext'); var precss = require('precss'); var csswring = require('csswring'); var concat = require…
22 дек '16 в 21:02
0
ответов
Переопределить переменные Postcss/CssNext VueJs
У меня есть файл _colors.scss, где я определяю некоторые переменные cssnext, как это: :root { --color-red: red; } Затем у меня есть обычный файл App.vue с частью scss, где я хочу переопределить эти переменные следующим образом: .darkmode { --color-r…
10 ноя '17 в 13:02