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 -