details

assets/css/components/_card-article.scss

@@ -119,6 +119,10 @@
 }
 
 
+
+ @media #{$small-up} {
+    
+  
 [data-template="home"] .pinned-home{
     grid-column: span 2;
 
@@ -174,41 +178,5 @@
 
 
 }
-    //  .card--article:first-of-type{
-    //             grid-column: span 2;
 
-    //             display: grid;
-    //             grid-template-columns: 1fr 1fr;
-
-    //             figure, 
-    //             picture{
-    //                 grid-column: span 2;
-    //             }
-
-    //             .title{
-    //                 grid-column: span 2;
-    //                 font-size: var(--fs-medium);
-    //                 padding-right: 3ch;
-    //                 margin-bottom: calc(var(--spacing)*1);
-    //             }
-
-    //             .description{
-    //                 grid-column: 1;
-    //                 grid-row: 3;
-    //                 padding-right: 3ch;
-    //                 display: block;
-    //                 -webkit-line-clamp: unset;
-    //                 -webkit-box-orient: unset;
-    //                 overflow: visible;
-    //             }
-
-    //             dl{
-    //                 grid-column: 2;
-    //                 grid-row: 3;
-    //             }
-
-    //             .keywords-wrapper{
-    //                 grid-column: 2;
-    //                 grid-row: 4;
-    //             }
-    //         }
+  }

assets/css/components/_dropdown.scss

@@ -19,7 +19,7 @@
         visibility: hidden;
         transform: translateY(-4px);
         transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
-       z-index: calc(var(--z-header) - 100);
+        z-index: calc(var(--z-header) - 100);
 
         &::before{
             content: "◀";
@@ -73,7 +73,7 @@
         }
     }
 
-    // PANEL 
+    // PANEL
         &--position-mobile .dropdown__content {
                 top: auto;
                 bottom: calc(var(--h-block) + var(--padding-inner)*2);
@@ -95,7 +95,7 @@
                 }
             }
 
-        
+
 
             &--position-mobile.is-open {
                 .dropdown__content {
@@ -126,7 +126,7 @@
                 }
             }
 
-        
+
 
             &--position-panel.is-open {
                 .dropdown__content {
@@ -146,7 +146,7 @@
                 }
         }
 
-    
+
     }
 
 }
@@ -162,7 +162,7 @@
             &::before{
                 left: auto;
                 right: 16px;
-        
+
             }
         }
     }

assets/css/style.css

@@ -1622,50 +1622,51 @@ button.sort[data-sort-type=up] .arrow {
   font-size: var(--fs-xsmall);
 }
 
-[data-template=home] .pinned-home {
-  grid-column: span 2;
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  padding: calc(var(--padding-inner) * 2);
+@media screen and (min-width: 768px) {
+  [data-template=home] .pinned-home {
+    grid-column: span 2;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    padding: calc(var(--padding-inner) * 2);
+  }
+  [data-template=home] .pinned-home figure,
+  [data-template=home] .pinned-home picture,
+  [data-template=home] .pinned-home .video-extract {
+    grid-column: span 2;
+    display: flex;
+    width: calc(100% + var(--padding-inner) * 4);
+    position: relative;
+    left: calc(var(--padding-inner) * -2);
+    top: calc(var(--padding-inner) * -2);
+  }
+  [data-template=home] .pinned-home .title {
+    grid-column: span 2;
+    font-size: var(--fs-text);
+    padding-right: 3ch;
+    margin-bottom: calc(var(--spacing) * 1);
+    margin-top: calc(var(--spacing) * 0.5);
+  }
+  [data-template=home] .pinned-home .description {
+    grid-column: 1;
+    grid-row: 3;
+    padding-right: 3ch;
+    display: block;
+    -webkit-line-clamp: unset;
+    -webkit-box-orient: unset;
+    overflow: visible;
+    font-size: var(--fs-normal);
+    margin-top: 0px;
+  }
+  [data-template=home] .pinned-home dl {
+    margin-top: 0px;
+    grid-column: 2;
+    grid-row: 3;
+  }
+  [data-template=home] .pinned-home .keywords-wrapper {
+    grid-column: span 2;
+    grid-row: 4;
+  }
 }
-[data-template=home] .pinned-home figure,
-[data-template=home] .pinned-home picture,
-[data-template=home] .pinned-home .video-extract {
-  grid-column: span 2;
-  display: flex;
-  width: calc(100% + var(--padding-inner) * 4);
-  position: relative;
-  left: calc(var(--padding-inner) * -2);
-  top: calc(var(--padding-inner) * -2);
-}
-[data-template=home] .pinned-home .title {
-  grid-column: span 2;
-  font-size: var(--fs-text);
-  padding-right: 3ch;
-  margin-bottom: calc(var(--spacing) * 1);
-  margin-top: calc(var(--spacing) * 0.5);
-}
-[data-template=home] .pinned-home .description {
-  grid-column: 1;
-  grid-row: 3;
-  padding-right: 3ch;
-  display: block;
-  -webkit-line-clamp: unset;
-  -webkit-box-orient: unset;
-  overflow: visible;
-  font-size: var(--fs-normal);
-  margin-top: 0px;
-}
-[data-template=home] .pinned-home dl {
-  margin-top: 0px;
-  grid-column: 2;
-  grid-row: 3;
-}
-[data-template=home] .pinned-home .keywords-wrapper {
-  grid-column: span 2;
-  grid-row: 4;
-}
-
 .card--package,
 .card--article-small {
   display: grid;

assets/css/template/_home.scss

@@ -126,6 +126,8 @@
 
    
 
+   
+
 }