Fix broken transition example (vuejs#624)

callumacrae · chrisvfritz · commit 6e867e39b775 · 2016-12-01T11:04:25.000-05:00
Padding is set to `0 !important`, so this example didn't work. It's also
bad practice to transition padding unless you really have to: in this
case, a transform is more performant, so I changed it to that instead.
diff --git a/src/v2/guide/transitions.md b/src/v2/guide/transitions.md
@@ -139,7 +139,7 @@ new Vue({
   transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
 }
 .slide-fade-enter, .slide-fade-leave-active {
-  padding-left: 10px;
+  transform: translateX(10px);
   opacity: 0;
 }
 ```
@@ -169,7 +169,7 @@ new Vue({
   transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
 }
 .slide-fade-enter, .slide-fade-leave-active {
-  padding-left: 10px;
+  transform: translateX(10px);
   opacity: 0;
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -139,7 +139,7 @@ new Vue({`
`139`	`139`	`transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);`
`140`	`140`	`}`
`141`	`141`	`.slide-fade-enter, .slide-fade-leave-active {`
`142`		`- padding-left: 10px;`
	`142`	`+ transform: translateX(10px);`
`143`	`143`	`opacity: 0;`
`144`	`144`	`}`
`145`	`145`	```
`@@ -169,7 +169,7 @@ new Vue({`
`169`	`169`	`transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);`
`170`	`170`	`}`
`171`	`171`	`.slide-fade-enter, .slide-fade-leave-active {`
`172`		`- padding-left: 10px;`
	`172`	`+ transform: translateX(10px);`
`173`	`173`	`opacity: 0;`
`174`	`174`	`}`
`175`	`175`	`</style>`