diff --git a/blocks/videotext/videotext.js b/blocks/videotext/videotext.js index 0631904b..54daf9b3 100644 --- a/blocks/videotext/videotext.js +++ b/blocks/videotext/videotext.js @@ -1,14 +1,14 @@ -export default function decorate(block) { - [...block.children].forEach((row) => { - const videoEl = [...row.children][0]; - videoEl.classList.add('videocontent'); +export default function decorate($block) { + [...$block.children].forEach((row) => { + const $videoEl = [...row.children][0]; + $videoEl.classList.add('videocontent'); const videoURL = videoEl.innerHTML; - videoEl.innerHTML = /* html */ + $videoEl.innerHTML = /* html */ ``; - const textEl = [...row.children][1]; - textEl.classList.add('text'); - textEl.querySelectorAll('a').forEach((a) => { - a.target="_blank"; + const $textEl = [...row.children][1]; + $textEl.classList.add('text'); + $textEl.querySelectorAll('a').forEach(($a) => { + $a.target="_blank"; }); }); } diff --git a/styles/styles.css b/styles/styles.css index 2062e493..d82e3af0 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -642,4 +642,10 @@ body.docs-template main .section.dark .default-content-wrapper { border-color: var(--spectrum-blue); } - +main .separator +{ + margin: auto; + width: 60%; + border-top: 2px solid #ccc; + padding: 20px 0px; +}