Corridor ^commun

Pour les gabarits de page pour lesquels nous aimerions avoir un couloir fixe, nous avons rendu possible l'utilisation d'un conteneur corridor qui sera un couloir central, disponible dans 3 dimensions.

<div class="corridor">
    .corridor
</div>

<div class="corridor corridor-sm">
    .corridor-sm
</div>

<div class="corridor corridor-lg">
    .corridor-lg
</div>

// VARIABLES
// ------------------------------
$corridor-w:            800px;
$corridor-sm-w:         500px;
$corridor-lg-w:         1200px;

// STYLES
// ------------------------------
.corridor { 
    margin:0 auto; width:100%; max-width:$corridor-w;
    &-sm { max-width:$corridor-sm-w; }
    &-lg { max-width:$corridor-lg-w; }
}