Skip to content

[Deprecated] Mixin that adds some variable property support to LESS.

Notifications You must be signed in to change notification settings

borodean/less-properties

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Deprecated. LESS supports property interpolation since version 1.6.0.


less-properties

Mixin that adds some variable property support to LESS.

usage

Include this stylesheet to your project:

@import url('properties.less');

examples

Now you can use variable properties:

@property: border-radius;

.class-1 {
  .property(@property, 10px);
}

.class-2 {
  .property(@property, ~'10px 20px');
}

Which will output in:

.class-1 {
  -less-property: property;
  border-radius: 10px;
}

.class-2 {
  -less-property: property;
  border-radius: 10px 20px;
}

You can also mass create properties with prefixes:

.class {
  .property(border-radius, 10px, 'moz webkit o');
}

Which will output in:

.class {
  -less-property: property;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

If you want to generate only prefixed properties, pass false as a fourth argument:

.class {
  .property(border-radius, 10px, 'moz webkit o', false);
}

Which will output in:

.class {
  -less-property: property;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
}

known issues

The -less-property: property junk line of code is a necessary sacrifice due to the hack nature of this mixin. However, all browsers should normally skip this line so it's just a matter of purity of code.

The mixin properly works with values that have spaces in them (e. g. 1px solid red) only when those are passed as an escaped string (e. g. ~'1px solid red').

license

Licensed under WTFPL. See http://sam.zoy.org/wtfpl/COPYING for more details.

About

[Deprecated] Mixin that adds some variable property support to LESS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published