Half ifnished single and blog page

archive.php

@@ -16,7 +16,6 @@
 // If post category
 if( is_category() ) {
   $context['term'] = $query; 
-  $context['blog_nav'] = new TimberMenu( 'blog-nav' );
 }
 // If custom taxonomy page
 elseif( is_tax() ) {
@@ -29,9 +28,7 @@
 }
 // If author page
 elseif( is_author() ) {
-  $avatar_url = get_avatar_url( $query->ID );
-  $context['title'] = "<img src='{$avatar_url}'> <small>Posts by</small> {$query->display_name}";
-  $context['description'] = "{$context['description']} \n \n {$query->user_url}";
+  $context['author'] = new Timber\User( $query->ID );
 }
 
 

assets/css/my-admin.css

@@ -1,4 +1,4 @@
 /*!
   EDJE Functional Sass v3.1.0
   Documentation: https://github.com/hrsetyono/edje/wiki
-*/.ct-layer-content{padding-bottom:0}.ct-layer-content .ct-control{margin-top:0;padding:12px !important}.ct-layer-content [data-design="inline"] .ct-option-input{max-width:150px}
+*/.ct-layer-content{padding-bottom:0}.ct-layer-content .ct-control{margin-top:0;padding:12px !important}.ct-layer-content [data-design="inline"] .ct-option-input{max-width:150px}.ct-control[data-design="block"] .ct-option-number{margin-left:auto}

assets/js/app.js

@@ -219,7 +219,6 @@ var myHeader = {
   },
 
   closeOffCanvas( e ) {
-    e.preventDefault();
     $('body.has-active-offcanvas').removeClass( 'has-active-offcanvas' );
   },
 

assets/sass/app.sass

@@ -8,4 +8,3 @@
 @import "app/blocks-widget-embed"
 @import "app/blocks-custom"
 @import "app/features"
-

assets/sass/app/_blocks.sass

@@ -30,7 +30,7 @@ article
 .wp-block-column
   > *
     margin: 0 auto
-    max-width: var(--siteWidth)
+    max-width: var(--blogWidth)
 
   > * + *
     margin-top: 1.5rem

assets/sass/framework.sass

@@ -6,7 +6,9 @@
 @import "_edje-v4/output-grid"
 @import "_edje-v4/output-typography"
 
-@import "framework/blog"
+@import "framework/post"
+@import "framework/post-single"
+@import "framework/post-archive"
 @import "framework/jetpack"
 @import "framework/cf7"
 
@@ -84,7 +86,7 @@
   --buttonColor: var(--textInvert)
   --buttonColorHover: var(--buttonColor)
   --buttonBorder: 1px solid rgba(0,0,0,.2)
-  --buttonFontSize: 18px
+  --buttonFontSize: 16px
 
   // INPUT
   --inputBg: var(--textInvert)
@@ -98,6 +100,7 @@
 
   // OTHER
   --adminBarSize: 32px
+  // --postsPerRow: 3
 
 
 // RESPONSIVE
@@ -123,6 +126,12 @@
     // --h5Size : 18px
     // --h6Size : var(--fontSize)
 
+    // --postsPerRow: 2
+
+@media ($below-xs)
+  \:root
+    // --postsPerRow: 1
+
 
 
 ///// BUTTON /////
@@ -142,6 +151,9 @@
   border-radius: var(--gRadius)
 
   text-decoration: none
+  text-transform: uppercase
+  letter-spacing: 0.025em
+  font-weight: var(--hFontWeight)
   font-size: var(--buttonFontSize)
   color: var(--buttonColor)
   vertical-align: top
@@ -200,24 +212,38 @@
 .button--outline,
 .is-style-outline a
   --buttonBg: transparent
-  --buttonBorder: 1px solid
+  --buttonBgHover: transparent
+  --buttonBorder: 2px solid
+  --buttonColor: var(--main)
+  --buttonColorHover: var(--main)
 
 .button--transparent,
 .is-style-transparent a
   --buttonBg: transparent
+  --buttonBgHover: var(--main)
   --buttonBorder: none
+  --buttonColor: var(--main)
+  --buttonColorHover: var(--textInvert)
+
+  margin-left: -0.5rem
+  padding-right: 0.5rem
+  padding-left: 0.5rem
 
 
 // loading button
+.button--passive,
 .button--loading
   --buttonBg: var(--textDim)
   --buttonBorder: 1px solid
-  --buttonColor: var(--textDim)
+  --buttonColor: var(--textInvert)
+
 
+.button--loading
   cursor: not-allowed
   background-position: center center
   background-repeat: no-repeat
   background-image: image-url("spinner.gif")
+
   color: transparent !important