Sidenav: content area size not calculated properly with animation

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
The size of the content area is calculated correctly according to the width of the sidenav menu.

#### What is the current behavior?
The calculation is wrong. The margin-left value of the content area is inverted to the width defined in the animation.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-etpys5
(to see the issue you have to click a few times on the expand button)

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
@angular/material@5.2.0
@angular/cdk@5.2.0
@angular/core@5.2.4
@angular/animations@5.2.4

Beginnen Sie damit, das Problem im verknüpften StackBlitz-Beispiel mit der Angular Material 5.2.0 sidenav zu reproduzieren, indem Sie wiederholt auf die expand-Schaltfläche klicken. Verfolgen Sie die sidenav-Animation und die Berechnung des Rands des Inhaltsbereichs und überprüfen Sie anschließend, dass Breite und Rand des Inhalts nach wiederholten expand/collapse-Zyklen korrekt bleiben.

Vom Indexierungsmodell aus dem Issue-Text verfasst.