Changeset 111542 in spip-zone


Ignore:
Timestamp:
Sep 10, 2018, 3:01:45 PM (8 months ago)
Author:
real3t@…
Message:

[SoyezCréateurs?] Ajustement du calcul des tailles des images de la Zone Masonry en mode Cognac (Eric)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylesportailcognac.css.html

    r111215 r111542  
    886886.grid-item img {
    887887  max-width: 100%;
     888  width: 100%;
     889  max-height: 340px;
    888890}
    889891.grid-item {
     
    942944
    943945/*
    944 M : [(#GET{masonry}|mult{3}|plus{100})]
     946M : [(#GET{masonry}|mult{4}|moins{100})]
    945947LC: #GET{LargeurContaineur}
    946948*/
    947949.gutter-sizer { width: 20px; }
    948 [(#GET{masonry}|mult{3}|plus{100}|<={#GET{LargeurContaineur}}|oui)
     950[(#GET{masonry}|mult{4}|moins{100}|<={#GET{LargeurContaineur}}|oui)
     951/* M <= LC */
    949952        .grid-sizer, .grid-item {
    950953          width: calc(25% - 20px);
     
    973976        }
    974977]
    975 [(#GET{masonry}|mult{3}|plus{100}|<={#GET{LargeurContaineur}}|non)
     978[(#GET{masonry}|mult{4}|moins{100}|<={#GET{LargeurContaineur}}|non)
     979/* M > LC */
    976980        .grid-sizer, .grid-item {
    977981          width: calc(33.333% - 20px);
     
    991995        }
    992996]
    993 @media only screen and (max-width:[(#GET{masonry}|mult{3}|plus{100})]px) {
     997@media only screen and (max-width:[(#GET{masonry}|mult{4}|moins{100})]px) {
    994998  .grid-sizer, .grid-item {
    995999    width: calc(33.333% - 20px);
     
    10091013  }
    10101014}
    1011 @media only screen and (max-width: [(#GET{masonry}|mult{2}|plus{80})]px) {
     1015@media only screen and (max-width: [(#GET{masonry}|mult{3}|moins{80})]px) {
    10121016  .grid-sizer, .grid-item {
    10131017    width: calc(50% - 20px);
     
    10241028  }
    10251029}
    1026 @media only screen and (max-width: [(#GET{masonry}|mult{1}|plus{60})]px) {
     1030@media only screen and (max-width: [(#GET{masonry}|mult{2}|moins{60})]px) {
    10271031  .grid-sizer, .grid-item {
    10281032    width: calc(100% - 20px);
Note: See TracChangeset for help on using the changeset viewer.