ตัวแปร Mixin น้อยลงภายในตัวเลือก CSS

เป็นไปได้ไหมที่จะต่อค่าของตัวแปร mixin ที่น้อยกว่าภายในชื่อตัวเลือก css?

ie:

.leftImage{
    .alignContent(left);
}

.alignContent(@side: left; @marAmount: 20px;){
    img{
        float: @side
        margin-@side: @marAmount;
    } 
}

ดังนั้นสิ่งที่ฉันพยายามทำคือผสมค่าของ @side (ในกรณีนี้) ด้วยตัวเลือก css บางส่วนของ 'margin-' ในที่สุดพยายามสร้าง 'margin-'left' (โดยไม่มีเครื่องหมายคำพูด)


less
person user2870826    schedule 16.01.2014    source แหล่งที่มา

คำตอบ (1)


arrow_upward
2
arrow_downward

ใน LESS 1.6.x และสูงกว่า ง่ายเหมือน:

.leftImage {
    .alignContent(left);
}

.alignContent(@side: left, @marAmount: 20px) {
    img {
        float: @side;
        margin-@{side}: @marAmount;
    } 
}

แต่ก็เป็นไปได้เช่นเดียวกันกับเวอร์ชันก่อนหน้านี้ เพียงแค่ต้องมีการแฮ็กเบาๆ: การใช้ตัวแปรในชื่อคุณสมบัติในรูปแบบ LESS (คุณสมบัติไดนามิก / การแก้ไขชื่อคุณสมบัติ) ฯลฯ

person seven-phases-max    schedule 16.01.2014