make grid-items and list-items usable elsewhere

2018-07-06 17:56:57 -07:00
parent 20d9f07cb7
commit 2cf83d6e2a
3 changed files with 31 additions and 27 deletions
--- 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;