From 09c7e8d76f0968264d243d59c3bbc73ceada2abe Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 23 Jan 2021 17:41:27 -0600
Subject: [PATCH] Add classes and styles to root of video card

---
 components-eleventy/video/card.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components-eleventy/video/card.js b/components-eleventy/video/card.js
index 8617cdb..d659cec 100644
--- a/components-eleventy/video/card.js
+++ b/components-eleventy/video/card.js
@@ -9,7 +9,10 @@ function pill ( text ) {
     `
 }
 
-export default function ( video ) {
+export default function ( video, {
+    width = '325px',
+    classes = 'w-full flex-shrink-0 flex-grow-0 border-2 border-transparent rounded-2xl overflow-hidden'
+} ) {
 
     // Setup inline lazysizes
     this.usingComponent( 'node_modules/lazysizes/lazysizes.min.js' )
@@ -17,7 +20,7 @@ export default function ( video ) {
     // console.log('video', video)
 
     return /* html */`
-<div class="video-card">
+<div class="video-card ${ classes }" style="max-width: ${ width }; flex-basis: ${ width }; scroll-snap-align: start;">
     <a
         href="${video.endpoint}"
         class=""