diff --git a/lib/less/functions.js b/lib/less/functions.js index 6eb34bac8..6d57e17ab 100644 --- a/lib/less/functions.js +++ b/lib/less/functions.js @@ -41,6 +41,15 @@ tree.functions = { lightness: function (color) { return new(tree.Dimension)(Math.round(color.toHSL().l * 100), '%'); }, + red: function (color) { + return new(tree.Dimension)(color.rgb[0]); + }, + green: function (color) { + return new(tree.Dimension)(color.rgb[1]); + }, + blue: function (color) { + return new(tree.Dimension)(color.rgb[2]); + }, alpha: function (color) { return new(tree.Dimension)(color.toHSL().a); }, diff --git a/test/css/functions.css b/test/css/functions.css index a0f9bd03c..42d980189 100644 --- a/test/css/functions.css +++ b/test/css/functions.css @@ -22,6 +22,9 @@ hue: 98; saturation: 12%; lightness: 95%; + red: 255; + green: 255; + blue: 255; rounded: 11; roundedpx: 3px; percentage: 20%; @@ -40,4 +43,4 @@ } #alpha { alpha: rgba(153, 94, 51, 0.6); -} +} \ No newline at end of file diff --git a/test/less/functions.less b/test/less/functions.less index c111f7e56..ef81b6fc8 100644 --- a/test/less/functions.less +++ b/test/less/functions.less @@ -26,6 +26,9 @@ hue: hue(hsl(98, 12%, 95%)); saturation: saturation(hsl(98, 12%, 95%)); lightness: lightness(hsl(98, 12%, 95%)); + red: red(#f00); + green: green(#0f0); + blue: blue(#00f); rounded: round(@r/3); roundedpx: round(10px / 3); percentage: percentage(10px / 50); @@ -46,4 +49,4 @@ #alpha { alpha: darken(hsla(25, 50%, 50%, 0.6), 10%); -} +} \ No newline at end of file