improved responsive layout & other styling

This commit is contained in:
Adam Piontek 2021-07-28 12:20:00 -04:00
parent da0fd03678
commit 47e74cc241
8 changed files with 142 additions and 95 deletions
content-templates

View file

@ -9,7 +9,10 @@
namespace WP_RDNYC;
?>
<article <?php echo post_class( 'post border-bottom border-gray-750 pb-4 mb-two-rem' ); ?> itemscope itemtype="https://schema.org/CreativeWork">
<article <?php $extra_post_class = is_singular() ? '' : ' mb-two-rem';
echo post_class( 'post border-bottom border-gray-750 pb-4' . $extra_post_class ); ?>
itemscope itemtype="https://schema.org/CreativeWork">
<header class="post-header">
<h2 class="post-title fs-2 fw-600 mb-2">
<?php
@ -28,25 +31,12 @@ namespace WP_RDNYC;
<?php echo get_the_date('F j, Y'); ?>
</div>
<!-- < ?php
if (has_tag()) {
echo '<div class="post-tags fs-smaller mb-4">';
// echo inline_svg( 'bsi-tags', array( 'div_class' => 'icon baseline text-gray-300 me-1' ) );
$tag_strings = array_map(function ($tag) {
return '<span class="text-gray-300">#</span><a href="' . get_tag_link($tag) . '">' . $tag->name . '</a>';
}, get_the_tags());
echo implode(", ", $tag_strings) . '</div>';
}
?> -->
</header>
<div class="article post-body">
<?php
if ( has_post_thumbnail() ) {
echo get_the_post_thumbnail( get_the_ID(), 'large', ['class' => 'rounded shadow-lg'] );
echo get_the_post_thumbnail( get_the_ID(), 'large', ['class' => 'rounded shadow mb-3 mw-100 h-auto'] );
}
the_content(); ?>