less-mixins

    2熱度

    1回答

    我有.aClass .aClass { width: 20px; height: 20px; } 在.anotherClass我想計算基於在.aClass width屬性的值的寬度值。 .anotherClass { width: .aClass.width } 上面的例子不起作用。 我在less文檔中找不到任何東西。有沒有辦法做到這一點?在代碼 @width: 10px 然

    3熱度

    1回答

    我的想法是創建一個LESS mixin,它可以爲我的頁面中的任何元素添加僞元素:before或:after。 我試圖使用LESS mixins的「命名參數」來創建一個通用混入,其中用戶可以指定僞元素應該是:before還是:after。 當我編譯時,我得到一個錯誤:「無法識別的輸入」。 這裏是我的代碼: .setInlineIcon(@iconx: 0; @icony: 0; @pos: befo

    4熱度

    3回答

    我想創建一個函數/ mixin,如果它已經很暗但是較亮時會使顏色變深(正常化/極化?) 是否有可能通過傳遞屬性名稱(顏色,背景顏色,邊框右側顏色等)來做到這一點? .normalize(@color, @amount, @prop: "color") when (lightness(@color) >= 50%) { @prop:lighten(@color, @amount); }

    2熱度

    1回答

    我使用一個混合的字體是這樣的: #font { .trebuchet(@weight: normal, @size: 12px, @lineHeight: 20px, @style:normal) { font-family: "Trebuchet MS", arial, verdana, sans-serif; font-size: @size; font

    1熱度

    1回答

    簡單的問題。我剛開始看少CSS建築,我偶然發現了這個兩難問題: .fontcase (@family:'helvetica',@size:1em,@fontweight:300,@color:#ffffff) { font-family: @family Arial sans-serif; font-size:@size; font-weight:@fontweigh

    1熱度

    1回答

    如何將以下條件轉換爲LESS? .mixin(@width) { width: ([email protected] ? auto : @width); } 結果應該是這樣的: [no value is passed] LESS: .mixin(); CSS: width: auto; [value is passed] LESS: .mixin(200px); CSS

    3熱度

    1回答

    我試圖根據上下文使Mixin輸出兩個不同的東西。像這樣: .seticon(@r,@g,@b) { b { background-color: rgb(@r,@g,@b); } &.act b { .box-shadow(0 0 5px 1px rgba(@r,@g,@b,0.45)); } &.act.hover b {

    4熱度

    1回答

    我最近開始使用LESS CSS - 這真棒(我建議你檢查一下,如果你還沒有)。 我工作的一個項目,在這裏我願做以下(這不是正確的語法,它只是試圖解釋我的問題): if(lightness(@background_color) <= 50%) { @secondary_color = #fff; } else { @secondary_color = #000; }

    2熱度

    2回答

    目前,我有我的少CSS片-webkit特定的屬性,我試圖用mixins更新它們添加-moz屬性,像這樣的參數未定義的數字: .transition(@1) { -webkit-transition: @1; -moz-transition: @1; } div { .transition(all .5s); } 上面的示例工作正常不過我也有這樣的事情: d

    3熱度

    3回答

    我得到一個語法錯誤此混入: .vendors(@statement){ @statement; [email protected]; [email protected]; } 沒有辦法做到這一點,或者說混入變量必須在:右側?