From 2cf83d6e2a083969aff8ededfcad555ca9bf8e71 Mon Sep 17 00:00:00 2001 From: James Taylor Date: Fri, 6 Jul 2018 17:56:57 -0700 Subject: make grid-items and list-items usable elsewhere --- youtube/shared.css | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) (limited to 'youtube') 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; -- cgit v1.2.3