add icon folder

assets/css/components/_card-folder.scss

@@ -31,6 +31,15 @@
              font-size: var(--fs-normal);
             }
 
+            .icon{
+                padding-right: 1ch;
+                svg{
+                    height: 15px;
+                    width: 15px;
+                    fill: var(--color-txt);
+                }
+            }
+
     }
 
     .short{
@@ -75,7 +84,6 @@
         display: flex;
         flex-direction: column;
         padding: calc(var(--padding-inner)*0.5);
-        background-color: yellow;
         // .short{ display: none; }
 
         .content{ display: contents;}
@@ -93,6 +101,19 @@
 
 
 
+
+
+@container cardfolder (width < 680px) {
+    figure{
+        aspect-ratio: inherit;
+        width: 100%;
+        height: 100%;
+    }
+    .short{
+        margin-top: calc(var(--spacing)*0.5);
+    }
+}
+
 @container cardfolder (width < 520px) {
     figure{
         aspect-ratio: inherit;
@@ -103,4 +124,5 @@
         font-size: var(--fs-small);
         
     }
+   
 }

assets/css/style.css

@@ -1497,6 +1497,14 @@ button.sort[data-sort-type=up] .arrow {
     font-size: var(--fs-normal);
   }
 }
+.card--folder .title .icon {
+  padding-right: 1ch;
+}
+.card--folder .title .icon svg {
+  height: 15px;
+  width: 15px;
+  fill: var(--color-txt);
+}
 .card--folder .short {
   display: -webkit-box;
   -webkit-line-clamp: 3;
@@ -1562,7 +1570,6 @@ button.sort[data-sort-type=up] .arrow {
     display: flex;
     flex-direction: column;
     padding: calc(var(--padding-inner) * 0.5);
-    background-color: yellow;
   }
   .card--folder .content {
     display: contents;
@@ -1581,6 +1588,16 @@ button.sort[data-sort-type=up] .arrow {
   }
 }
 
+@container cardfolder (width < 680px) {
+  figure {
+    aspect-ratio: inherit;
+    width: 100%;
+    height: 100%;
+  }
+  .short {
+    margin-top: calc(var(--spacing) * 0.5);
+  }
+}
 @container cardfolder (width < 520px) {
   figure {
     aspect-ratio: inherit;