baz_april/squelettes/scss/blocs/_content.scss

114 lines
1.6 KiB
SCSS

.page_main {
}
.page_content {
}
//---------------------------------------
// Contenu de l'article
//---------------------------------------
.cartouche {
margin-bottom:$spacer*2;
}
.article__titre {
margin-bottom: 0;
}
.article__infos {
margin: 0.25em 0 1em 0;
font-size: em(14px);
@include link-color-text;
}
.article__chapo {
margin-bottom: 1.5em;
font-size: em(18px);
font-weight: bold;
}
.article__logo {
margin-bottom: 2em;
}
.mots {
margin:0;
}
//---------------------------------------
// Résumés d'articles
//---------------------------------------
.article-resume {
display: flex;
@include text-block;
h2 {
margin-top:0;
}
}
.article-resume__titre {
font-size: em(22px);
margin-bottom: 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 {
li {
width:20%;
}
li:nth-child(10n) {
float:left;
}
}
}