less-mixins

    1熱度

    1回答

    我想創建以下<table>傳奇色彩有匹配在引導樣式如定義: .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning,

    2熱度

    1回答

    我從前幾天看了關於Tutsplus的防爆網頁設計的非常好的教程。指導員有一個令人敬畏的功能,是在Stylus中製作的。 $base_font_size = 16 $base_font_size_ems = unit($base_font_size/16, em) $px = unit(1/$base_font_size, rem) $px_em = unit(1/$base_font_

    1熱度

    1回答

    我需要的變量name更改爲trees,balloons等在一個循環,以獲得 .trees{ color:1;} .balloons { color:2;} ,但我得到相反: .trees{color:2} .name{color:1} 試過這種混入但沒有工作,我做錯了什麼? @name:name; .name(@index) when (@index = 2) {@name: bal

    0熱度

    1回答

    我在一個多語言網站css上工作,每個UI組件都有不同的基於不同語言的字體參數。使用mixin創建輸出正在工作,但生成重複的代碼。我正在尋找一個更好的解決方案,它將具有:lang()支持和繼承。 LESS .lang(@lang, @content) { &:lang(@{lang}){ @content(); }; } .font-size(@sizeValu

    3熱度

    1回答

    分離的規則集(例如, @detached-ruleset: { @margin: 1px; margin: @margin; }; 和非參數混合?例如。 .mixin() { @margin: 1px; margin: @margin; } 它們的行爲與嵌套操作符相同嗎? 最明顯的區別是語法(分號對規則集是強制性的),規則集保持它的變量是私有的,

    2熱度

    1回答

    如何將以LESS編寫的以下mixin轉換爲SASS? .box_gradient (@from, @to) when (iscolor(@from)) and (iscolor(@to)) { background-image: -webkit-gradient(linear, left top, left bottom, from(@from), to(@to)); /* Saf4+,

    2熱度

    1回答

    我有一個元素.shake,當它是:hover動畫開始。我需要繼承撼動元素屬性及其動畫:hover的效果。 我有 .inherit-shake { .shake; } 它不工作,因爲.inherit-shake只是繼承了原.shake屬性,但其:hover動畫。 有沒有辦法做到這一點使用較少?

    3熱度

    1回答

    這是我寫的,但我得到 Parse Error: Unrecognised Input 我如何規避呢? 我不想爲focus,active和disabled狀態聲明單個的mixin。 我使用的勝績編譯在Windows 7 不勝版本:1.9.1 Less.js版本:2.1.2 這裏是我的代碼 .state(@state,@property,@colour){ &:@{state}{

    2熱度

    1回答

    我試圖創建一個按鈕混合在較少,這是高度可定製的。例如,我要一個客戶端可以去他們的.LESS文件,並寫入: .my-button { .btn(@bg: #FFF, @font: "", @color: #000, @size: 'large'...); ... } 我 .btn(...)混入 現在,我試圖找出如何正確引入較少混入警衛做什麼我想要。 我猜我可以寫這樣的事:

    1熱度

    1回答

    下面的代碼: .positionBase (@name,@size: 16px,@position: 0) { [disabled] [email protected]{name}, .disabled [email protected]{name}, [email protected]{name} { background-position: @position*@size