scss/typography: use better margins/paddings in the metadata area
This commit is contained in:
parent
cb47fea0d3
commit
bd98903006
3 changed files with 23 additions and 3 deletions
|
@ -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 */
|
||||
|
|
|
@ -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>
|
||||
|
|
10
style.css
10
style.css
|
@ -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 {
|
||||
|
|
Reference in a new issue