Styles adjusted for frontpage feeds
authorLaury GvR <laury@gaslightmedia.com>
Tue, 5 Jun 2018 16:54:49 +0000 (12:54 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Tue, 5 Jun 2018 16:54:49 +0000 (12:54 -0400)
parts/glm-blocks-front-video.php
parts/glm-blocks-front.php
scss/_main.scss

index 5632298..c15d30f 100644 (file)
@@ -5,7 +5,7 @@
     <?php foreach ($blocks as $block):?>
         <div class="block row">
             <div class="block-text columns small-12 medium-6">
-                <h1><?php echo $block->post_title;?></h1>
+                <h1 class="block-title"><?php echo $block->post_title;?></h1>
                 <?php if($block->post_content) { ?>
                 <div class="block-desc">
                     <?php echo $block->post_content;?>
index b5cb373..5096a4c 100644 (file)
@@ -5,20 +5,24 @@
     <?php foreach ($blocks as $block):?>
     <div class="text-center small-centered small-12 columns block">
             <?php if($block->url):?>
-            <a class="title-posts" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+            <a class="block-title-wrapper" href="<?php echo $block->url;?>"<?php if($block->externalUrl){echo ' target="_blank"';}?>>
+            <?php else:?>
+            <div class="block-title-wrapper">
             <?php endif;?>
-                <h4><?php echo $block->post_title;?></h4>
+                <h4 class="block-title"><?php echo $block->post_title;?></h4>
             <?php if($block->url):?>
             </a>
-            <a href="<?php echo $block->url;?>">
+            <a class="block-image-wrapper" href="<?php echo $block->url;?>">
+            <?php else: ?>
+            </div>
+            <div class="block-image-wrapper">
             <?php endif;?>
             <?php echo get_the_post_thumbnail($block->ID, 'glm-block-image');?>
             <?php if($block->url):?>
             </a>
+            <?php else: ?>
+            </div>
             <?php endif;?>
-            <?php if($block->url):?>
-
-             <?php endif;?>
     </div>
 
     <?php endforeach;?>
index 7c6564b..11e9852 100644 (file)
     #front-feeds {
         background-color: $light-blue;
         margin: 0 auto;
-        padding: 20px 0;
+        padding: 50px 0;
         // See _facebook.scss
         // See _glm-member-db-events.scss
         #block-feed {
+            @media #{$large-up} {
+                .block:first-child {
+                    margin-bottom: 15px;
+                }
+            }
             .block img {
                 border: 2px solid white;
                 border-radius: 4px;
             }
         }
         #video-feed {
-            .title-posts {
+            .block-title {
                 color: $green;
-                    h1 {
-                    color: $green;
-                    @media #{$medium-down} {
-                        font-size: 30px;
-                    }
+                @media #{$medium-down} {
+                    font-size: 30px;
                 }
             }
         }