D8CORE-5828 If home page starts with a wysiwyg, add some space at the…

… top

themes/stanford_basic/dist/js/behaviors.js

@@ -60,7 +60,7 @@ window.Drupal.behaviors.stanford_basic = {
         }
         $('.su-masthead .su-skipnav--content', context).attr('href', '#' + $title.attr('id'));
       } else {
-        if ($('#main-content', context).length === 0) {
+        if (!$('#main-content', context).length) {
           $('.su-skipnav--content', context).attr('href', '#page-content');
         }
       }

themes/stanford_basic/src/scss/layout/_page.scss

@@ -31,3 +31,7 @@ body {
 [data-island] {
   width: 100%;
 }
+
+.add-more-space-to-top {
+  @include margin(8rem 0 0);
+}

themes/stanford_basic/stanford_basic.theme

@@ -88,6 +88,26 @@ function stanford_basic_preprocess_node(&$variables) {
   $node_bundle = $variables['node']->bundle();
   $variables['#attached']['library'][] = 'stanford_basic/content.' . $node_bundle;
   unset($variables['content']['book_navigation']);
+
+  // If the home page (no page title) has a wysiwyg as the first component, and
+  // it does not have a page banner, at a class that will create a little space
+  // at the top of the page.
+  if (
+    $variables['page'] &&
+    $node_bundle == 'stanford_page' &&
+    \Drupal::service('path.matcher')->isFrontPage()
+  ) {
+    /** @var \Drupal\node\NodeInterface $node */
+    $node = $variables['node'];
+    if (
+      !$node->get('su_page_banner')->count() &&
+      $node->get('su_page_components')->count() >= 2 &&
+      $node->get('su_page_components')
+        ->get(1)->entity->bundle() == 'stanford_wysiwyg'
+    ) {
+      $variables['attributes']['class'][] = 'add-more-space-to-top';
+    }
+  }
 }
 
 /**