Merge pull request #315 from adobe/redesign/block-fixes

Redesign/block fixes
adobe · Jun 27, 2023 · 6920b97 · 6920b97
2 parents 762d531 + b187231
commit 6920b97
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 16 deletions.
diff --git a/blocks/footnotes/footnotes.css b/blocks/footnotes/footnotes.css
@@ -1,14 +1,15 @@
 .footnotes {
- margin: 40px 0;
+ margin: var(--spacing-ml) 0;
 }
 
 .footnotes > div {
  display: flex;
+}
 
- /* margin: 0 40px; */
- font-size: 80%;
- max-width: 600px;
- margin: 10px auto;
+.footnotes > div,
+.footnotes .footnote-text > a {
+ font-size: var(--type-body-xs-size);
+ line-height: var(--type-body-xs-lh);
 }
 
 .footnotes .footnote-num {

diff --git a/blocks/footnotes/footnotes.js b/blocks/footnotes/footnotes.js
@@ -8,7 +8,7 @@ export default async function decorate($block) {
  });
 
  // enumerate footnotes
- document.querySelector('footer').append($block);
+ document.querySelector('.section.content').append($block);
  [...$block.children].forEach(($footnote, i) => {
  $footnote.firstElementChild.classList.add('footnote-text');
  const $num = document.createElement('div');

diff --git a/blocks/videotext/videotext.css b/blocks/videotext/videotext.css
@@ -1,15 +1,7 @@
 /* default rule for mobile */
 .videotext>div {
  display: grid;
- padding-top: 10px;
-}
-
-@media screen and (min-width: 900px) {
- .videotext>div {
- display: grid;
- grid-template-columns: 70% 30%;
- padding-top: 10px;
- }
+ padding-top: var(--spacing-xxs);
 }
 
 .videocontent video {
@@ -18,5 +10,5 @@
 
 .videotext .text {
  font-size: var(--type-body-xs-size);
- padding-left: 10px;
+ padding-top: var(--spacing-xxs);
 }