Changeset 115981 in spip-zone


Ignore:
Timestamp:
Jul 16, 2019, 2:33:08 PM (7 months ago)
Author:
cedric@…
Message:

Modernisation des .thumb

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/bootstrap/trunk/bootstrap2spip/css/spip.list.scss

    r114815 r115981  
    9191}
    9292.thumb {
    93   .entry-title {padding-top: 7.5rem + $rem-vert-margin;display: block}
    94   .spip_logos {display: block;float: left;margin:0;margin-top: -1*(7.5rem + $rem-vert-margin);height:120px;width: 100% !important;padding: 0;text-align: center;overflow: hidden}
    95   .spip_logos img {height: 100%!important;width: 100%}
     93  .entry {
     94    position: relative;
     95    &:before {
     96      content:'';
     97      display: block;
     98      width: 100%;
     99      height: 0;
     100      padding-bottom: 56.25%;
     101      margin-bottom: $rem-vert-margin;
     102      background: $gray-100;
     103    }
     104    .entry-title {
     105      padding-top: 0;
     106      display: block
     107    }
     108    .spip_logo {
     109      margin: 0;
     110      position:absolute;
     111      width: 100% !important;
     112      top:0;
     113      height: 0;
     114      padding-bottom: 56.25%;
     115      overflow: hidden;
     116      .img {
     117        position:absolute !important;
     118        top:0;
     119        left: 0;
     120        width: 100% !important;
     121        height: 100% !important;
     122        padding: 0 !important;
     123        background-size: cover !important;
     124      }
     125    }
     126  }
    96127  .entry-content {max-height: 5 * $em-line-height;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;}
    97128}
     129.thumb.thumb-4x1 { .entry::before,.spip_logo { padding-bottom: 25%; } }
     130.thumb.thumb-3x1 { .entry::before,.spip_logo { padding-bottom: 33.33%; } }
     131.thumb.thumb-5x2 { .entry::before,.spip_logo { padding-bottom: 40%; } }
     132.thumb.thumb-2x1 { .entry::before,.spip_logo { padding-bottom: 50%; } }
     133.thumb.thumb-16x9 { .entry::before,.spip_logo { padding-bottom: 56.25%; } }   // default
     134.thumb.thumb-4x3 { .entry::before,.spip_logo { padding-bottom: 75%; } }
     135.thumb.thumb-1x1 { .entry::before,.spip_logo { padding-bottom: 100%; } }
    98136
    99137/* on demand */
Note: See TracChangeset for help on using the changeset viewer.