mirror of
https://github.com/clearleft/clearless.git
synced 2026-01-08 21:28:05 -05:00
Update docs for .filter, add default value
This commit is contained in:
25
README.md
25
README.md
@@ -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.
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
|
||||
.filter(@filter) {
|
||||
.filter(@filter: grayscale(100%)) {
|
||||
-webkit-filter: @filter;
|
||||
-moz-filter: @filter;
|
||||
-ms-filter: @filter;
|
||||
|
||||
Reference in New Issue
Block a user