Skip to content

Commit

Permalink
document transition-prefixed
Browse files Browse the repository at this point in the history
  • Loading branch information
paulcpederson committed Jan 12, 2015
1 parent b899b45 commit e9cfc7d
Showing 1 changed file with 11 additions and 1 deletion.
12 changes: 11 additions & 1 deletion docs/source/sass/_utility-mixins.md
Original file line number Diff line number Diff line change
Expand Up @@ -145,7 +145,7 @@ This mixin provides a shorthand syntax and supports multiple transitions.
@include transition(opacity 1.0s ease-in 0s, width 2.0s ease-in 2s);
```

To transition vendor-prefixed properties, e.g. `-webkit-transform` and `-moz-transform`, do not use the shorthand mixin. Instead, use the individual transition mixins:
Or you can use the individual transition properties:

```
@include transition-property(transform);
Expand All @@ -154,6 +154,16 @@ To transition vendor-prefixed properties, e.g. `-webkit-transform` and `-moz-tra
@include transition-delay(0.5s);
```

#### Transition Prefixed

To transition vendor-prefixed properties, e.g. `-webkit-transform` and `-moz-transform`, there is an additional convinience `transition-prefixed()` mixin:

```
@include transition-prefixed(transform3d(0,0,0) 200ms linear);
```

This will generate vendor prefixed properties *and* values.

#### Show and Hide

The show and hide mixins change the `visibility` property. This is useful for removing and adding elements at certain breakpoints or with certain class names. No arguments are passed.
Expand Down

0 comments on commit e9cfc7d

Please sign in to comment.