update

assets/_default/list.scss

@@ -5,63 +5,5 @@
 @import '../import/include.scss';
 
 main {
-  margin: 60px 0 0 0;
-}
-
-.section-articles {
-  display: grid;
-  grid-gap: 1rem;
-  grid-template-columns: repeat(2, 1fr);
-  margin: 20px 0;
-  a {
-    color: $white-light;
-    text-decoration: none;
-  }
-  article {
-    background: $bg60;
-    border: 1px solid $bg60;
-    border-radius: 5px;
-    color: $white-light;
-    display: flex;
-    flex-flow: column;
-    height: max-content;
-    padding: 20px;
-    transition: background .2s;
-    &:hover {
-      background: $bg70;
-    }
-    img {
-      background: $bg80;
-      border-radius: 5px 5px 0px 0px;
-      margin: -20px -20px 15px -20px;
-      max-height: 250px;
-      max-width: calc(100% + 40px);
-      object-fit: cover;
-      order: -1;
-    }
-    h1 {
-      font-size: 18px;
-      font-weight: 400;
-      margin: 0 0 10px 0;
-    }
-    a {
-      color: $white-light;
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-    .meta {
-      font-size: 14px;
-      margin: 0;
-    }
-    .author {
-      color: $white-dark;
-      font-style: italic;
-    }
-  }
-}
-@media (max-width: 600px) {
-  .section-articles {
-    grid-template-columns: repeat(1, 1fr);
-  }
+  @include posts;
 }