1

LESS ミックスインを JS コードに挿入するオプションはありますか?

私はこのボーダー半径ミックスインを持っています:

.border_radius(@radius: 5px) {
  border-radius: @radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}

この mixin を jQuery コードに追加することは可能ですか?

var less = require('less');

$('.circle').css({
    width: width, height: width,
    less.border_radius(10px);
});
4

2 に答える 2

4

必要な LESS ミックスインに相当する JavaScript を定義できます。

HTML

<div class="circle"></div>

CSS

.circle { border: 1px solid #FF0000; }

jQuery

function border_radius(radius) {
  radius = radius || '5px';
  return {
    'border-radius': radius,
    '-moz-border-radius': radius,
    '-webkit-border-radius': radius
  }
}

var styles = border_radius(),
    width = '20px';
styles.width = width;
styles.height = width;

$('.circle').css(styles);

JSFiddle

于 2013-05-02T11:54:52.860 に答える