less-mixins

    0熱度

    1回答

    我正在嘗試將我的grid system降到LESS。 我用分數作爲字符串(是有原因的),並需要在calc()表達他們插值。 在薩斯我能做到這一點... @mixin move($fraction: '1/1') { position: relative; left: calc(99.999999% * #{$fraction}); } 在更短的,當我嘗試這個... .mo

    0熱度

    1回答

    我試圖設置一個屬性,當一個值小於和大於,設置一個屬性的窗口應用。 例子: .mixin (@colorVal) when (lightness(@colorVal) > 75%) {color:red;} .mixin (@colorVal) when (lightness(@colorVal) > 25%) {color:green;} .mixin (@colorVal) when (li

    0熱度

    1回答

    我有這樣的減混入: .keyframes (@name, @fromRules, @toRules) { @-webkit-keyframes ~'@{name}' { from { @fromRules(); } to { @toRules(); } } @keyframes ~'@{name}' { from { @fromRules(); } to { @toRule

    2熱度

    3回答

    在LESS mixin中,即使以百分比(xx%)的形式給出,我也會將其轉換爲普通數字(0.xx)的alpha值。我發現百分比()函數將數字轉換爲百分比,但百分比(xx%)返回「xx00%」,除以100使得0.xx變爲0.00xx,這也是不好的。所有在LESS中可以找到的「if-then」語句都會創建一個新的範圍,因此當我可以檢測到「%」時,我無法將該信息傳回給變量以使用它。 如何將百分比轉換爲數字

    2熱度

    2回答

    如何在翻譯混入添加值?我想有在Y這些值座標: -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); 的引導混入: .translate(@x; @y) { -webkit-tran

    2熱度

    1回答

    任何人都可以提供任何解決方案來將Less/CSS與封裝和mixin重用結合起來嗎?我試圖讓我的變量封裝的命名空間,但我還沒有想出如何重用mixins的。 實施例: #signup-module { @button-width: 100px; @button-height: 30px; @textfield-width: 300px; @textfie

    1熱度

    1回答

    我希望使用LESS創建一個類似「Blink效果」的CSS動畫。我的目的是每次調用一個mixin顏色以獲得不同的顏色閃爍,這取決於CSS元素的CSS類。 目前,我有以下的HTML: <p class='blink'> Loading... </p> <p class='blink alert'> <big>WARNING!!!! Operation fail

    2熱度

    1回答

    在開始拍攝我之前,我不得不說我在less上是全新的,所以請不要拍! :) 我想要做的是根據我的屏幕大小編寫一些對齊我的文本的類,而不是手動編寫我的代碼我想使用less(如果它是當然可能)來生成我的課程。 所以我想要做的是這樣的: .text-sm-left { text-align : left; } .text-sm-right { text-align : right

    2熱度

    1回答

    我有以下的mixin: .iconFont(@color: @green, @font-size: 18px){ color: @color; font-size: @font-size; } 如果我想只改變第二個變量的值,我需要編寫的第一個變量默認值?

    2熱度

    2回答

    我已經欠了下面的代碼: 我敢肯定,這可以進一步與某種混入的抽象出來的,但我一直在抓我的頭一會兒。我希望能夠傳入諸如@xs或@ xs-gutter之類的變量,並且可以使用該函數填充代碼。 任何想法? .padding { &.bottom { padding-bottom: @xs-gutter; } &.left { padding-left