|
|
@ -99,9 +99,6 @@ body.large .largeur { |
|
|
|
#conteneur:not(.pleine_largeur) { |
|
|
|
display: grid; |
|
|
|
grid-column-gap: 1.5em; |
|
|
|
/*grid-template-columns: |
|
|
|
min-content |
|
|
|
minmax(auto, calc(100% - (8em + 8vw)));*/ |
|
|
|
grid-template-rows: auto 1fr; /* la 1ère ligne doit se collapser */ |
|
|
|
grid-template-columns: |
|
|
|
calc(8em + 12%) /* navigation & extra */ |
|
|
@ -124,15 +121,6 @@ body.large .largeur { |
|
|
|
grid-area: extra; |
|
|
|
width: initial; |
|
|
|
} |
|
|
|
/* Astuce : on met une largeur non pas sur les colonnes, |
|
|
|
mais sur leur contenu interne, de façon à ce qu'elles se réduisent si vides. |
|
|
|
Attention, le contenu interne peut être un .ajaxbloc vide lui aussi. */ |
|
|
|
/*#navigation > .ajaxbloc > *, |
|
|
|
#navigation > :not(.ajaxbloc), |
|
|
|
#extra > .ajaxbloc > *, |
|
|
|
#extra > :not(.ajaxbloc) { |
|
|
|
width: calc(8em + 8vw); |
|
|
|
}*/ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
@ -141,11 +129,7 @@ body.large .largeur { |
|
|
|
*/ |
|
|
|
@media (min-width: 1200px) { |
|
|
|
@supports (display: grid) { |
|
|
|
#conteneur { |
|
|
|
/*grid-template-columns: |
|
|
|
min-content |
|
|
|
minmax(auto, calc(100% - (8em + 8vw))) |
|
|
|
min-content;*/ |
|
|
|
#conteneur:not(.pleine_largeur) { |
|
|
|
grid-template-columns: |
|
|
|
calc(8em + 12%) /* navigation */ |
|
|
|
1fr /* contenu */ |
|
|
|