/* 4.4 - Personnage
 * A character sheet style
**/

.container-personnage {
    @include container($container-size-large, $lineheight);
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: auto;
    row-gap: $lineheight*2;
    column-gap: $lineheight*2;

    grid-template-areas:
    "nomp nomp nomp nomp nomp nomp"
    "info info info info meta meta"
    "goss goss look look look look"
    "aime aime aime dete dete dete"
    "hist hist hist hist hist hist";

    .card {
        margin:0;
    }

    h1 {
        padding:0;
    }
}

.personnage {
    &-nomp {grid-area: nomp;}
    &-info {grid-area: info;}
    &-meta {grid-area: meta;}
    &-goss {grid-area: goss;}
    &-look {grid-area: look;}
    &-aime {grid-area: aime;}
    &-dete {grid-area: dete;}
    &-hist {grid-area: hist;}
}
