cssnext

1热度

2回答

如何使用webpack和postcss/cssnext从node_modules导入字体

我需要使用font-awesome。 PostCSS试图找到字体的源目录，但不是在node_modules/FONT-真棒/字体错误文本： Error: Can't resolve '../fonts/fontawesome-webfont.eot?v=4.7.0' in 'F:\OpenServer\domains\polymer-postcss\src' 导入： @import "fon

2热度

1回答

PostCSS CSS-未来 - 而不必@import

我有CSS变量每次我需要在另一个.css文件我用它来使用它的文件variables.css内:root{} 现在使用全局变量： @import './path/to/variables.css'。我想知道是否有办法有variables.css全球可用，而无需将其导入每一次我需要它。我试图使用选项customProperties上cssnext插件，但它给出了一个错误编译的CSS的JS对象...

0热度

1回答

多级嵌套在postcss不起作用

当我使用postcss-loader和postcss-cssnext插件，的CSS-类可以是在第二窝的前效果，在第三巢意愿不起作用 style.css .root { background-color: #ccc; & .header { height: 60px; background-color: #dcdcdc; }

0热度

1回答

解析cssnext以JSON

我有一个包含全球的颜色，例如cssnext文件： // ../properties.css :root{ --colourOne:#000000 --colourTwo:#000001 } 我想这些解析到一个JSON对象，以便编辑颜色可自动适用的更新风格指南。是否可以解析这个/我该怎么做？找到这个：https://www.npmjs.com/package/json

0热度

1回答

PostCSS-cssnext不能编译CSS输入

我有一个postcss-cssnext的问题：它不按我期望的方式编译我的CSS。这是我的CSS-输入： :root { --bgcolor: #fbc547; } body { background-color: var(--bgcolor); } 不幸的是，输出看起来一模一样 - 不过我很期待这样的事情： body { background-color

0热度

3回答

我应该使用twitter bootstrap或javascript来隐藏div吗？

我正在使用reactJS，我想在较小的屏幕上隐藏div（宽度为< 768px）。我这里有两个选择：第一种方法： { !!isSmallerScreen ? <div className="icon">Icon</div> : <div className="name">Name</div> } 说明：isSmallScreen是一个布尔变量。这种方式甚至不会在源代码中显示其他div。

1热度

1回答

PostCSS CSSNext @media和color（）不能与webpack 2

我正在升级一个项目从webpack 1到2，并看到一些奇怪的行为postcss-cssnext其中一些CSS的下一个功能，最显着的是color()函数和我所有的@media查询只是不工作了。我的带有webpack 2的webpack配置看起来像这样。我在这里做错了什么？ { test: /\.css$/, use: [ { loader: 'style-

13热度

2回答

与React的CSS架构，也可以为主题

我目前正在构建一个大的React应用程序。 Css从来不是我的强项。但是现在CSS有了React的sass/cssNext/inline样式。我一直在使用BEM和sass，但随着我的其他应用程序增长巨大，甚至开始崩溃。特别是当你有能力“重新皮肤”或“主题”以外的主要色彩配置等页面。所以 - 有人可以指点我一个经过验证的方式来创建css的反应，可以规模非常好，并允许客户主题时，人们想借我的组件。例

0热度

1回答

是否posibble从`css`文件

当使用PostCSS用的WebPack，我使用postcss-cssnext这个选项自定义属性通过PostCSS cssnext对象customProperties变量： pcssNext({ features: { customProperties: { variables: { 'button-border-radius': '10p

0热度

1回答

我使用一饮而尽，postcss和postcss-cssnext翻译CSS，并得到了问题

我使用cssnext写我的CSS :root{ --ellipsis: { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }; }; 并在3个地方 .div1{ @apply --ellipsis } .div2{ @apply -