Menambahkan awalan vendor dengan mixin KURANG

Saya mendapatkan Kesalahan Sintaks untuk campuran ini:

.vendors(@statement){
  @statement;
  -moz-@statement;
  -webkit-@statement;
}

Adakah cara untuk melakukan ini, atau apakah variabel mixin harus berada di sisi kanan :?


less mixins less-mixins
person Artur Sapek    schedule 21.09.2012    source sumber
comment
Jawaban ini untuk pertunjukan awalan LESS mengapa Anda mungkin tidak ingin melakukan ini, dan bagaimana pencocokan pola di LESS dapat bermanfaat dalam awalan.   -  person ScottS    schedule 18.02.2013

Jawaban (3)


arrow_upward
5
arrow_downward

Sejak Less v2 Anda dapat menggunakan plugin autoprefix untuk mengawali properti Anda, yang sepertinya alternatif yang lebih baik. Plugin autoprefix menambahkan awalan browser yang memanfaatkan postprocessor autoprefixer. Untuk kompilasi sisi klien (di browser), Anda dapat menggunakan -prefixfree.

Seperti yang telah disebutkan oleh @ScottS di sini Anda dapat menggunakan interpolasi variabel dalam penyeleksi sejak Less v1.6, yang memungkinkan Anda melakukan:

.prefix(@property, @value)
{
    -webkit-@{property}:@value;
    @{property}:@value;
}
selector {
    .prefix(property,value);
}

keluaran:

selector {
  -webkit-property: value;
  property: value;
}

Anda juga harus membaca: Apakah saya terlalu memperumit LESS untuk awalan vendor?

person Bass Jobsen    schedule 04.11.2014

arrow_upward
1
arrow_downward

Itu jawaban yang payah, tapi menurut saya itu tidak mungkin.

person Christoph Leiter    schedule 22.09.2012
comment
Ini pertanyaan yang sangat bagus karena hal itu mungkin terjadi di SASS dan saya mencoba menirunya dengan Kurang baik. Dan saya belum dapat menemukan solusi apa pun. Karena saya sama timpangnya dengan siapa pun yang tahu dari mana pertanyaan itu berasal. - person formigarafa; 14.03.2014

arrow_upward
0
arrow_downward

Tidak ada cara untuk melakukan itu, tetapi ada solusinya. Jika berhasil, menurut saya akan menjadi seperti ini:

.vendors(@prop, @val){
  ~"-webkit-@{prop}:@{val}";
}

Catatan: ini tidak berhasil.

Berikut diskusi yang sangat panjang mengenai topik ini: https://github.com/cloudhead/less.js/pull/698

Anda mungkin dapat menggunakan pustaka ini: less-properties

person posit labs    schedule 22.05.2013