fix event archive; single event post

redacademy · Aug 31, 2016 · af3398e · af3398e
1 parent 8c35fa4
commit af3398e
Show file tree

Hide file tree

Showing 7 changed files with 75 additions and 47 deletions.
diff --git a/wp-content/themes/bigsisters/archive-events.php b/wp-content/themes/bigsisters/archive-events.php
@@ -4,7 +4,6 @@
  *
  * @package Big_Sisters_Theme
  */
-
 get_header(); ?>
 
 	<div id="primary" class="content-area">

diff --git a/wp-content/themes/bigsisters/build/css/style.min.css b/wp-content/themes/bigsisters/build/css/style.min.css
diff --git a/wp-content/themes/bigsisters/sass/_events.scss b/wp-content/themes/bigsisters/sass/_events.scss
@@ -26,11 +26,11 @@
   li {
     display: flex;
     justify-content: center;
-    align-content: center;
+    align-items: flex-start;
 
     @include desktop {
       padding: 2rem;
-      margin-bottom: 5rem;
+      margin-bottom: 3rem;
     }
 
   }
@@ -55,14 +55,13 @@
   ul {
     @include desktop {
       display: flex;
-      justify-content: center;
       flex-wrap: wrap;
+      align-items: flex-start;
     }
   }
 
   li {
     @include desktop {
-      display: flex;
       flex-direction: column;
       width: 33%;
     }
@@ -71,13 +70,27 @@
   a {
     margin: 0 auto;
   }
-
+  .event-thumbnail {
+    width: 35%;
+    @include desktop {
+      width: 100%;
+    }
+  }
+  .event-content {
+    width: 65%;
+    @include desktop {
+      width: 100%;
+    }
+  }
 }
 
 .partner-events {
 
   .event-thumbnail {
-      width: 50%;
+    width: 35%;
+    @include desktop {
+      width: 65%;
+    }
   }
 
   a {
@@ -92,14 +105,11 @@
   align-items: center;
 
   .thumb-img-div {
-    width: 75%;
+    width: 50%;
 
     @include desktop {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      height: 175px;
-      margin-bottom: 2rem;
+      margin-bottom: 1rem;
+      width: 65%;
     }
   }
 
@@ -109,8 +119,8 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
-  width: 50%;
-
+  width: 65%;
+  margin-bottom: 2rem;
   @include desktop {
     width: 100%;
     margin-top: 1rem;
@@ -120,8 +130,8 @@
     color: $color__purple-brand;
     font-size: 1rem;
     margin-top: 0;
-    line-height: 1.25rem;
-
+    margin-bottom: 0;
+    line-height: 2rem;
     @include desktop {
       font-size: 2rem;
     }
@@ -164,5 +174,9 @@
       width: auto;
     }
   }
-
+  .entry-content {
+    img {
+      width: auto;
+    }
+  }
 }
diff --git a/wp-content/themes/bigsisters/sass/_mixins.scss b/wp-content/themes/bigsisters/sass/_mixins.scss
@@ -10,6 +10,12 @@
 	}
 }
 
+@mixin tablet {
+	@media (min-width: $tablet-width) {
+		@content;
+	}
+}
+
 // Rem output with px fallback
 @mixin font-size($sizeValue: 1) {
 	font-size: ($sizeValue * 16) * 1px;

diff --git a/wp-content/themes/bigsisters/sass/_variables.scss b/wp-content/themes/bigsisters/sass/_variables.scss
@@ -11,6 +11,7 @@ $margin__outer: 0 0.83rem;
 $desktop-minwidth: 900px;
 $desktop-maxwidth: 1280px;
 $mobile-width: 480px;
+$tablet-width: 700px;
 
 // Colors
 //BS color palette

diff --git a/wp-content/themes/bigsisters/style.css b/wp-content/themes/bigsisters/style.css
@@ -2739,13 +2739,13 @@ div#pp_full_res img {
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
-  -webkit-align-content: center;
-      -ms-flex-line-pack: center;
-          align-content: center; }
+  -webkit-align-items: flex-start;
+      -ms-flex-align: start;
+          align-items: flex-start; }
   @media (min-width: 900px) {
     .events li {
       padding: 2rem;
-      margin-bottom: 5rem; } }
+      margin-bottom: 3rem; } }
 
 .events img {
   height: auto;
@@ -2762,18 +2762,15 @@ div#pp_full_res img {
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
-    -webkit-justify-content: center;
-        -ms-flex-pack: center;
-            justify-content: center;
     -webkit-flex-wrap: wrap;
         -ms-flex-wrap: wrap;
-            flex-wrap: wrap; } }
+            flex-wrap: wrap;
+    -webkit-align-items: flex-start;
+        -ms-flex-align: start;
+            align-items: flex-start; } }
 
 @media (min-width: 900px) {
   .premier-events li {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
     -webkit-flex-direction: column;
         -ms-flex-direction: column;
             flex-direction: column;
@@ -2782,8 +2779,23 @@ div#pp_full_res img {
 .premier-events a {
   margin: 0 auto; }
 
+.premier-events .event-thumbnail {
+  width: 35%; }
+  @media (min-width: 900px) {
+    .premier-events .event-thumbnail {
+      width: 100%; } }
+
+.premier-events .event-content {
+  width: 65%; }
+  @media (min-width: 900px) {
+    .premier-events .event-content {
+      width: 100%; } }
+
 .partner-events .event-thumbnail {
-  width: 50%; }
+  width: 35%; }
+  @media (min-width: 900px) {
+    .partner-events .event-thumbnail {
+      width: 65%; } }
 
 .partner-events a {
   margin: 0 auto; }
@@ -2799,20 +2811,11 @@ div#pp_full_res img {
       -ms-flex-align: center;
           align-items: center; }
   .event-thumbnail .thumb-img-div {
-    width: 75%; }
+    width: 50%; }
     @media (min-width: 900px) {
       .event-thumbnail .thumb-img-div {
-        display: -webkit-flex;
-        display: -ms-flexbox;
-        display: flex;
-        -webkit-justify-content: center;
-            -ms-flex-pack: center;
-                justify-content: center;
-        -webkit-align-items: center;
-            -ms-flex-align: center;
-                align-items: center;
-        height: 175px;
-        margin-bottom: 2rem; } }
+        margin-bottom: 1rem;
+        width: 65%; } }
 
 .event-content {
   display: -webkit-flex;
@@ -2824,7 +2827,8 @@ div#pp_full_res img {
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
-  width: 50%; }
+  width: 65%;
+  margin-bottom: 2rem; }
   @media (min-width: 900px) {
     .event-content {
       width: 100%;
@@ -2833,7 +2837,8 @@ div#pp_full_res img {
     color: #663399;
     font-size: 1rem;
     margin-top: 0;
-    line-height: 1.25rem; }
+    margin-bottom: 0;
+    line-height: 2rem; }
     @media (min-width: 900px) {
       .event-content h3 {
         font-size: 2rem; } }
@@ -2856,3 +2861,6 @@ div#pp_full_res img {
 /*    Single Event Page    */
 .single .entry-header img {
   width: auto; }
+
+.single .entry-content img {
+  width: auto; }
diff --git a/wp-content/themes/bigsisters/template-parts/content-single.php b/wp-content/themes/bigsisters/template-parts/content-single.php
@@ -13,11 +13,11 @@
 		<?php the_title( '<h1 class="page-header-style">', '</h1>' ); ?>
 
 		<?php if ( has_post_thumbnail() ) : ?>
-			<?php the_post_thumbnail( 'large' ); ?>
+			<?php the_post_thumbnail( 'medium' ); ?>
 		<?php endif; ?>
 
 		<div class="entry-meta">
-			<?php big_sisters_posted_on(); ?>
+			<?php //big_sisters_posted_on(); ?>
 		</div><!-- .entry-meta -->
 	</header><!-- .entry-header -->