css

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
css [2026/04/03 14:57] – avillepreuxcss [2026/04/03 17:14] (Version actuelle) – avillepreux
Ligne 74: Ligne 74:
  
  
 +
 +/* Ajout d'une nouvelle facon de mettre en page : le support du layout "grid" */
 +
 +.wrap_grid {
 +    --grid-default-min-width: 320px;
 +    &.wrap_1 { --n: 1; --grid-default-min-width: 1600px }
 +    &.wrap_2 { --n: 2; --grid-default-min-width:  520px }
 +    &.wrap_3 { --n: 3; --grid-default-min-width:  320px }
 +    &.wrap_4 { --n: 4; --grid-default-min-width:  240px }
 +    &.wrap_5 { --n: 5; --grid-default-min-width:  200px }
 +    &.wrap_6 { --n: 6; --grid-default-min-width:  120px }
 +    &:not(&:has(>p)), & > p {
 +        display: grid; 
 +        grid-template-columns: repeat(auto-fit, minmax(var(--grid-default-min-width), 1fr)) !important;
 +        padding: 0;
 +        --gap: 1rem;
 +        gap: var(--gap);
 +        > * { margin: 0 }
 +        > br { display: none }
 +        a > img { display: block }
 +        @media print {
 +            --page-width: min(1300px, 100vw);
 +            --margin-dokuwiki: 32px;
 +            --margin-pdf: 1cm;
 +            --page-cols: calc(var(--n) - 1);
 +            --grid-default-min-width: calc(calc(var(--page-width) - 2 * var(--margin-pdf) - 2 * var(--margin-dokuwiki) - calc(var(--page-cols) - 1) * var(--gap)) / var(--page-cols));
 +                
 +        }
 +    }
 +}
 +
 +@media print {
 +
 + body, body.default.dw-page-on-panel.tpl_bootstrap3, body.optional.dw-page-on-panel.tpl_bootstrap3 {
 + background-image: none !important;
 + }
 +}
  
  
Ligne 91: Ligne 128:
 .table { word-break: initial; } .table { word-break: initial; }
  
-/* Ajout d'une nouvelle facon de mettre en page : le support du layout "grid" */ 
- 
-.wrap_grid { 
-  --grid-default-min-width: 320px; 
-  &.wrap_1 { --grid-default-min-width: 1600px } 
-  &.wrap_2 { --grid-default-min-width:  520px } 
-  &.wrap_3 { --grid-default-min-width:  320px } 
-  &.wrap_4 { --grid-default-min-width:  240px } 
-  &.wrap_5 { --grid-default-min-width:  200px } 
-  &.wrap_6 { --grid-default-min-width:  120px } 
-  &:not(:has(>p)), & > p { 
-      display: grid;  
-      grid-template-columns: repeat(auto-fit, minmax(var(--grid-default-min-width), 1fr)); 
-      padding: 0; 
-      gap: 1rem; 
-      > * { margin: 0 } 
-      > br { display: none } 
-  } 
-} 
  
 </CSS> </CSS>
  • css.1775221055.txt.gz
  • Dernière modification : 2026/04/03 14:57
  • de avillepreux