133 lines
1.9 KiB
SCSS
133 lines
1.9 KiB
SCSS
.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 {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.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 {
|
|
|
|
}
|