push v0.1.2 - add property-value mixins for selection and playceholder

README.md

@@ -5,7 +5,7 @@
 
 less-mixins to help you with your shopware-frontend
 
-### how to use
+### how to use?
 1. include all.less
 2. adjust variables in your theme to your liking
 3. ???
@@ -106,3 +106,6 @@ resulting in css like this:
 ```
 
 read more about the magical powers of less' detached rulesets in [the less docs](http://lesscss.org/features/#detached-rulesets-feature).
+
+### what's new?
+* 0.1.2 - add property-value mixins for placeholder & selection

_mixins/placeholder.less

@@ -4,3 +4,7 @@
     &:-ms-input-placeholder { @lambda(); }
     &:-moz-placeholder { opacity: 1; @lambda(); }
 }
+
+.placeholder(@property, @value) {
+    .placeholder({ @{property}: @value; });
+}

_mixins/selection.less

@@ -2,3 +2,7 @@
     &::selection { @lambda(); }
     &::-moz-selection { @lambda(); }
 }
+
+.selection(@property, @value) {
+    .selection({ @{property}: @selection; });
+}

_mixins/triangle.less

@@ -5,27 +5,32 @@
     height: 0;
     -moz-transform: scale(.9999);
 }
+
 .triangle(@direction, @color, @size) {
     .triangle(@direction, @size * 2, @size, @color);
 }
+
 .triangle(@direction, @color: @color-white, @width: @base-triangle-width, @height: @base-triangle-height) when (@direction = up) {
     .triangle-base();
     border-left: (@width / 2) solid transparent;
     border-right: (@width / 2) solid transparent;
     border-bottom: @height solid @color;
 }
+
 .triangle(@direction, @color: @color-white, @width: @base-triangle-width, @height: @base-triangle-height) when (@direction = down) {
     .triangle-base();
     border-left: (@width / 2) solid transparent;
     border-right: (@width / 2) solid transparent;
     border-top: @height solid @color;
 }
+
 .triangle(@direction, @color: @color-white, @width: @base-triangle-width, @height: @base-triangle-height) when (@direction = left) {
     .triangle-base();
     border-top: (@width / 2) solid transparent;
     border-bottom: (@width / 2) solid transparent;
     border-right: @height solid @color;
 }
+
 .triangle(@direction, @color: @color-white, @width: @base-triangle-width, @height: @base-triangle-height) when (@direction = right) {
     .triangle-base();
     border-top: (@width / 2) solid transparent;

package.json

@@ -1,6 +1,6 @@
 {
     "name": "shopware-missing-mixins",
-    "version": "0.1.1",
+    "version": "0.1.2",
     "description": "missing basic less-mixins for Shopware 5",
     "main": "all.less",
     "license": "MIT",