make grid-items and list-items usable elsewhere

1 files changed, 29 insertions, 0 deletions

diff --git a/youtube/shared.css b/youtube/shared.css
index 432a1a1..240fd5c 100644
--- a/youtube/shared.css
+++ b/youtube/shared.css
@@ -57,6 +57,35 @@ address{
         border-width:1px;
     }
     
+.item-list{
+    display: grid;
+    grid-auto-rows: 138px;
+    grid-row-gap: 10px;
+    
+}
+    .item-list .video-thumbnail-box{
+        width:246px;
+    }
+    .item-list .playlist-thumbnail-box{
+        width:246px;
+    }
+
+
+.item-grid{
+    display:grid;
+    grid-template-columns: repeat(auto-fill, 400px);
+    grid-auto-rows: 94px;
+    grid-row-gap: 10px;
+}
+    .item-grid .video-thumbnail-box{
+        width:168px;
+    }
+    .item-grid .playlist-thumbnail-box{
+        width:168px;
+    }
+
+
+
 
 .full-item{
     display: grid;