baz_april/squelettes/scss/blocs/_content.scss

134 lines
2.0 KiB
SCSS
Raw Permalink Normal View History

.page_main {
}
.page_content {
}
//---------------------------------------
// Contenu de l'article
//---------------------------------------
2020-06-30 14:23:34 +02:00
.cartouche {
margin-bottom:$spacer*2;
.spip_logo {
margin-bottom:2em;
}
2020-06-30 14:23:34 +02:00
}
.article__titre {
margin-bottom: 0;
}
.article__infos {
2020-06-30 22:16:24 +02:00
@include visuallyhidden;
margin: 0.25em 0 1em 0;
font-size: em(14px);
@include link-color-text;
}
2020-06-30 22:16:24 +02:00
.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;
}
2020-06-27 02:45:19 +02:00
.mots {
margin:0;
}
.article__notes {
margin:($spacer*2) 0;
}
2020-06-27 02:45:19 +02:00
//---------------------------------------
// 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;
2020-10-07 19:03:07 +02:00
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 {
2021-09-07 11:03:00 +02:00
/* 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;
}
}
2020-06-27 02:45:19 +02:00
.mots {
ul {
2020-06-30 18:57:05 +02:00
2020-06-27 02:45:19 +02:00
}
}
.periode {
}