quarante-douze/qdouze-wordpress-theme
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

14
scss/_typography.scss
View file

@ -96,10 +96,22 @@ ol {
} }
} }
.article-excerpt { .article-excerpt {
padding: 0 0.5em 0 0.5em; padding: 0.5em 0.5em 0.5em 0.5em;
font-style: italic; font-style: italic;
font-size: calc(3.5mm + 0.4vw); 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 */ /* 2.3 - Titles */

2
single.php
View file

@ -7,7 +7,7 @@
<aside class="article-metadata"> <aside class="article-metadata">
<div class="article-thumbnail" ><?php the_post_thumbnail(); ?></div> <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 card-meta">
<div class="media-left"> <? echo get_avatar( get_the_author_meta('user_email'), $size = '50'); ?></div> <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> <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
View file

@ -308,9 +308,17 @@ ol {
max-width: 100%; max-width: 100%;
height: auto; } height: auto; }
.article-content .article-excerpt { .article-content .article-excerpt {
padding: 0 0.5em 0 0.5em; padding: 0.5em 0.5em 0.5em 0.5em;
font-style: italic; font-style: italic;
font-size: calc(3.5mm + 0.4vw); } 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 */ /* 2.3 - Titles */
h1, h2, h3, h4, h5, h6, h7 { h1, h2, h3, h4, h5, h6, h7 {