scss/typography: use better margins/paddings in the metadata area

This commit is contained in:
Kazhnuz 2018-10-25 18:35:37 +02:00
parent cb47fea0d3
commit bd98903006
3 changed files with 23 additions and 3 deletions

View file

@ -96,10 +96,22 @@ ol {
}
}
.article-excerpt {
padding: 0 0.5em 0 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
font-style: italic;
font-size: calc(3.5mm + 0.4vw);
}
.article-author {
margin:0;
padding:0;
.card-meta {
margin:0;
}
}
.bypass-flex-fontsize {
font-size: 4mm;
line-height: 1.5em;
}
}
/* 2.3 - Titles */

View file

@ -7,7 +7,7 @@
<aside class="article-metadata">
<div class="article-thumbnail" ><?php the_post_thumbnail(); ?></div>
<aside class="card card-darker">
<aside class="card card-darker article-author bypass-flex-fontsize">
<div class="media card-meta">
<div class="media-left"> <? echo get_avatar( get_the_author_meta('user_email'), $size = '50'); ?></div>
<div class="media-body"><author class="media-heading">Écrit par <?php the_author() ?></author><time> Le <?php the_time('l j F Y à H:i') ?> </time></div>

View file

@ -308,9 +308,17 @@ ol {
max-width: 100%;
height: auto; }
.article-content .article-excerpt {
padding: 0 0.5em 0 0.5em;
padding: 0.5em 0.5em 0.5em 0.5em;
font-style: italic;
font-size: calc(3.5mm + 0.4vw); }
.article-content .article-author {
margin: 0;
padding: 0; }
.article-content .article-author .card-meta {
margin: 0; }
.article-content .bypass-flex-fontsize {
font-size: 4mm;
line-height: 1.5em; }
/* 2.3 - Titles */
h1, h2, h3, h4, h5, h6, h7 {