Ignore:
Timestamp:
Nov 14, 2017, 4:02:50 PM (4 years ago)
Author:
chankalan@…
Message:

adapter le modèle <iconebloc> aux petits écrans + z

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/html5up_editorial/css/theme.scss

    r107494 r107507  
    158158        /* content */
    159159        #main {
    160         .texte, .ps { /* texte et ps en 1 colonnes, en attendant mieux (mixin ?) */
    161                 -moz-column-count: 1;
    162                 -webkit-column-count: 1;
    163                 column-count: 1;
    164         }
     160                .texte, .ps { /* texte et ps en 1 colonnes, en attendant mieux (mixin ?) */
     161                        -moz-column-count: 1;
     162                        -webkit-column-count: 1;
     163                        column-count: 1;
     164                }
     165        }
     166        article.feature.bloc {
     167                width: calc(50% - 1.5em);
     168                margin:0 2em 2em 0;
     169                .icon {
     170                        &:after {
     171                                height: 5em;
     172                                width: 5em;
     173                                margin: -2.5em 0 0 -2.5em;
     174                        }
     175                        &:before {
     176                                font-size: 1.75rem;
     177                        }
     178                }
     179                .content {
     180                        margin: -5em 0 0 5em;
     181                }
     182        }
     183}
     184@media (max-width:640px) {
     185        article.feature.bloc {
     186                width:100%;
     187                margin-right:0;
    165188        }
    166189}
Note: See TracChangeset for help on using the changeset viewer.