wip posts

osunyorg · Sep 19, 2024 · c0cf0c9 · c0cf0c9
1 parent 9ef30af
commit c0cf0c9
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 3 deletions.
diff --git a/assets/sass/_configuration.sass b/assets/sass/_configuration.sass
@@ -24,6 +24,10 @@ $h1-weight: $heading-font-weight
 $h2-font-family: $h1-font-family
 $h2-size: pxToRem(35)
 $h2-size-desktop: pxToRem(49)
+$h3-font-family: $h1-font-family
+$h3-size: pxToRem(25)
+$h3-size-desktop: pxToRem(35)
+$h3-weight: normal
 
 $meta-font-family: $heading-font-family
 

diff --git a/assets/sass/_style.sass b/assets/sass/_style.sass
@@ -69,7 +69,7 @@ body:not(.page__home)
                     margin: 0
 
 // Hero
-body:not(.page__home, .projects__section)
+body:not(.page__home, .projects__section, .projects__page)
     .hero
         .hero-text
             width: 100%
@@ -195,6 +195,10 @@ footer#document-footer
         .container
             max-width: unset
             width: auto
+        @include media-breakpoint-up(desktop)
+            .document-content
+                .project
+                    flex-direction: row
         @include media-breakpoint-up(xl)
             display: flex
             gap: var(--grid-gutter)
@@ -214,7 +218,6 @@ footer#document-footer
                 > .container
                     padding-left: 0
                 .project
-                    flex-direction: row
                     &-content
                         width: columns(5)
                     .media
@@ -236,4 +239,31 @@ footer#document-footer
             .project-description
                 display: flex
                 flex-direction: column
-                justify-content: space-between
+                justify-content: space-between
+
+// Posts
+.posts
+    .post
+        .media img
+            aspect-ratio: 448/312
+        time
+            color: var(--color-text)
+.posts__page
+    .hero 
+        @include media-breakpoint-up(desktop)
+            .content
+                flex-direction: column
+                max-width: columns(8)
+                padding-top: $spacing-1
+                &,
+                & > *
+                    margin: auto
+                figure
+                    margin-top: $spacing-4
+                    width: columns(6)
+                    img
+                        aspect-ratio: 704/490
+                        object-fit: cover
+            .breadcrumb
+                padding-right: 0
+                justify-content: center