stylus

0熱度

1回答

我正在嘗試爲.flow的所有子女創建動畫，其中每個兒童的動畫延遲都在增加。我預計下面的代碼可以工作，但顯然插值不支持屬性值。 for i in (1..6) .flow a:nth-child({i}) animation 1s 0.{i}s fadeIn both 此代碼可用於延遲，但不適用於子選擇器。 for i in 0.1s 0.2s 0.3s 0.4s 0.5s

0熱度

1回答

手寫筆選擇後不工作 - 與

我想類似的東西 .block__overlay--inverted .block__body {} 採用這種結構形式 .block &__body color blue &__overlay &--inverted & ~/__body color red 但不是我有這個 .block__overlay--inverted

0熱度

1回答

如何在Stylus中獲得root？

我有根嵌套問題與BEM-模塊更努力工作薩斯我們使用$root .block $root: & background: gray &__elem background: red color: black &:hover #{$root}__elem color: white 此代碼編譯爲： .block {

1熱度

3回答

使用CSS四捨五入數字和顯示紅色或綠色的數字

我從數據庫中獲取一些數值。該值是一個長十進制值。 0.45345345或1.2423432。我想將該值舍入到小數點後兩位，如果該值爲負值，我希望以紅色顯示該值，如果該值爲正數，我希望以綠色顯示。是否有可能用CSS獲得想要的結果？

1熱度

1回答

手寫筆不編譯數組項

我有以下.styl文件： li background-color: rgba(#fff, .3) siz = 10px 70px 30px 50px 60px 20px 90px 25px 40px 30px deg = 45deg 45deg 45deg 45deg 45deg 45deg 45deg 45deg 45deg 45deg pos = 50

0熱度

1回答

Webpack：你能用一個裝載器編譯預處理樣式時使用一組全局樣式嗎？

我不確定這是否可能，並且似乎無法找到任何內容。我已經使用手寫筆加載器設置了webpack，允許將.styl文件直接導入到js模塊中。我面臨的問題是預處理器上下文以該單個.styl文件開始和結束。我希望能夠定義全局樣式，例如： // global.styl $brand-var1 = #000; $brand-var2 = #FFF; 這能夠在由個人.styl文件導入的依據： // m

0熱度

2回答

創建箱子陰影拖放陰影mixin

我想寫一個混合，應該採取作爲參數CSS box-shadow並將其轉換爲filter: drop-shadow()。 // mixin drop-shadow($shadows) $array = split(',', $shadows) $dropShadows =() for $shadow in $array push($dropShadows,

0熱度

1回答

如何獲得與手寫筆擴展根沒有混入

我學習筆，我需要得到根元素屬性，他的子類： .daddy-element (this is a root) main: prop &.sublclass (need "main: prop" here) another: prop 在青菜，我們有$root: &，什麼筆可在這個情況下？ @mixin - 壞變型與最大的CSS代碼和不讀這裏

-1熱度

1回答

將背景圖像相對於跨設備內容的相同位置粘貼

我有一個website我希望無論屏幕大小/設備如何，標題背景都處於相同的確切位置。我希望線條的中心「堅持」在h1中的點。我來了，但有一個錯誤，我認爲是由div的高度造成的，當我將瀏覽器調整爲與iPhone 5相同的大小時，背景略有不同，因此使用background-將中心保持在點下的位置是不可能的。我想避免this，這是線條穿過點的部分。我不在乎背景是否被瀏覽器邊界限制。我只是希望線條的中心始

2熱度

1回答

Stylus中是否存在特定的文件結構/命名約定？

我想知道是否有任何特殊命名約定筆針部分。因此，例如，在SASS中，您可能會有類似的東西：@import "headers/_default-header.scss"或其他類似的東西。部分表示a）它不應該被編譯爲它自己，並且b）它意味着作爲另一個文件的依賴關係。但是，在Stylus中似乎沒有任何特定的命名約定。是否有任何事實上的標準，或者我應該堅持如何將它們命名爲類似於所有其他文件，儘管可能存在