.page_main { } .page_content { } //--------------------------------------- // Contenu de l'article //--------------------------------------- .cartouche { margin-bottom:$spacer*2; .spip_logo { margin-bottom:2em; } } .article__titre { margin-bottom: 0; } .article__infos { @include visuallyhidden; margin: 0.25em 0 1em 0; font-size: em(14px); @include link-color-text; } .body--blog .article__infos { position:relative; height:auto; width:auto; overflow:auto; clip: auto; clip-path: border-box; } .article__chapo { margin-bottom: 1.5em; font-size: em(18px); font-weight: bold; } .article__texte { margin-bottom:6rem; } .article__logo { margin-bottom: 2em; } .mots { margin:0; } .article__notes { margin:($spacer*2) 0; } //--------------------------------------- // Résumés d'articles //--------------------------------------- .article-resume { display: flex; @include text-block; &.hero .article-resume__logo { margin-bottom:$spacer; } } .article-resume__titre { font-size: em(22px); margin-bottom: 0; margin-top:0; @include link-color-text; a:hover, a.on { text-decoration: none; color:$couleurPrincipaleOn; } } .article-resume__logo { max-width: em(250px); width: 30%; flex-shrink: 0; margin-bottom: 1em; margin-right: 1.5em; } .article-resume__infos { margin: 0.25em 0 0.5em 0; font-size: em(13px); } .article-resume__rubrique { text-transform: uppercase; color: $couleur-primaire; font-weight: bold; margin-right: 0.25em; margin-bottom: 0; } .article-resume__date { margin-bottom: 0; &:before { /* content: ' - '; */ } } .article-resume__intro { font-size: em(15px); } .articles-resumes-entete { margin-bottom: 3em; } @include media($bp-small) { .article-resume { display:block; } .article-resume__logo { float:left; } } .mots { ul { } } .periode { }