feat: 🎸 stretch YouTube videos 100%

BREAKING CHANGE: 🧨 YouTube embeds are now stretched to 100% width. Limit stretching by
wrapping this component in a custom <div>.

Author: streamich

src/blocks/youtube/index.tsx

@@ -4,14 +4,19 @@ import {BlockProps} from '../..';
 import {rule} from 'p4-css';
 
 const blockClass = rule({
+  w: '100%',
+});
+
+const iframeClass = rule({
   d: 'block',
   maxW: '100%',
+  w: '100%',
 });
 
 const Y = YouTube as any;
 
-const YouTubeWrapper: React.SFC<BlockProps> = ({id, renderWrap}) => {
-  return renderWrap(<Y videoId={id} className={blockClass} />);
+const YouTubeWrapper: React.FC<BlockProps> = ({id, renderWrap}) => {
+  return renderWrap(<Y videoId={id} containerClassName={blockClass} className={iframeClass} />);
 };
 
 export default YouTubeWrapper;