You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
117 lines
1.7 KiB
117 lines
1.7 KiB
.page_main { |
|
} |
|
|
|
.page_content { |
|
} |
|
|
|
//--------------------------------------- |
|
// Contenu de l'article |
|
//--------------------------------------- |
|
.cartouche { |
|
margin-bottom:$spacer*2; |
|
} |
|
.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__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 { |
|
|
|
} |
|
}
|
|
|