Update docs for .filter, add default value

This commit is contained in:
Paul Robert Lloyd
2012-12-19 16:40:44 +00:00
parent bf19034d5f
commit ae54895b7c
2 changed files with 26 additions and 1 deletions

View File

@@ -190,6 +190,31 @@ Generates a `box-shadow` property with the appropriate vendor prefixes.
}
```
### .filter()
Generates a `filter` property with the appropriate vendor prefixes.
```css
.filter( [<@filter>] );
```
* `@shadow`: *(Optional)* filter property value. Defaults to `grayscale(100%)`.
```css
/* Usage: */
.example {
.filter( sepia(50%) );
}
/* Example output: */
.example {
-webkit-filter: sepia(50%);
-moz-filter: sepia(50%);
-ms-filter: sepia(50%);
-o-filter: sepia(50%);
filter: sepia(50%);
}
```
### .transition()
Generates a `transition` property with the appropriate vendor prefixes.

View File

@@ -23,7 +23,7 @@
box-shadow: @shadow;
}
.filter(@filter) {
.filter(@filter: grayscale(100%)) {
-webkit-filter: @filter;
-moz-filter: @filter;
-ms-filter: @filter;