D8CORE-7558: added the global footer to minimal theme in dark with no…

… logo (#820)

tests/codeception/acceptance/SubThemeCest.php

@@ -154,7 +154,7 @@ public function testMinimalSubtheme(AcceptanceTester $I) {
     $I->canSeeResponseCodeIs(200);
     $I->seeInSource('<span class="su-lockup__wordmark"></span>');
     $I->dontSeeElement('.su-brand-bar__logo');
-    $I->dontSeeElement('.su-global-footer__container');
+    $I->seeElement('.su-global-footer__container');
     $I->dontSeeElement('.su-brand-bar--default');
   }
 

themes/minimally_branded_subtheme/src/scss/components/global-footer/_global-footer.scss

@@ -0,0 +1,15 @@
+@charset "UTF-8";
+
+.su-global-footer {
+  background-color: $su-color-black;
+
+  .su-global-footer__brand {
+    display: none;
+  }
+
+  @include grid-media-min('xs') {
+    .su-global-footer__content {
+      padding-left: 0;
+    }
+  }
+}

themes/minimally_branded_subtheme/src/scss/components/global-footer/index.scss

@@ -0,0 +1,15 @@
+@charset "UTF-8";
+
+//
+//  5. Theme
+//
+
+// Purely visual styling (“look-and-feel”) for a component.
+//
+// Purely visual styling, such as border, box-shadow, colors and backgrounds,
+// font properties, etc. Ideally, these should be separated enough from a
+// component’s structure to be “swappable”, and omitting these entirely should
+// not break the component’s functionality or basic usability.
+
+// Config and supporting scss.
+@import 'global-footer';

themes/minimally_branded_subtheme/src/scss/components/index.scss

@@ -21,6 +21,7 @@
 
 // Components.
 @import 'brandbar/index.scss';
+@import 'global-footer/index.scss';
 @import 'lockup/index.scss';
 @import 'masthead/index.scss';
 @import 'main-nav/index.scss';

themes/minimally_branded_subtheme/templates/components/global-footer/global-footer.html.twig

@@ -18,4 +18,5 @@
 {%- endif %}
 
 <div class="su-global-footer su-global-footer--dark">
+{%- include template_global_footer with { modifier_class : global_footer_variant }  -%}
 </div> <!-- su-global-footer end -->