footer supporters

dev/.sass-lint.yml

@@ -12,7 +12,8 @@ rules:
 
   class-name-format:
     - 1
-    - convention: 'hyphenatedbem'
+    - convention: ^[-_a-z0-9]+$
+    - convention-explanation: 'Class must contain only lowercase, hyphens, and underscores'
 
   force-pseudo-nesting: 0
 

dev/scss/components/_footer-sponsors.scss

@@ -0,0 +1,18 @@
+.footer-sponsors {
+  display: flex;
+  flex-wrap: wrap;
+  align-content: center;
+  align-items: center;
+  justify-content: space-between;
+
+  .widget_text {
+    flex: 1 1 auto;
+    width: 100%;
+  }
+
+  .widget_media_image {
+    flex: 0 1 auto;
+    h1 { @include sr-only; }
+    img { width: auto; }
+  }
+}

dev/scss/elements/_footer.scss

@@ -0,0 +1,4 @@
+footer {
+  margin-top: $gutter;
+  padding-top: $gutter;
+}

dev/scss/main.scss

@@ -47,6 +47,7 @@
 @import 'components/global-head';
 @import 'components/search-form';
 @import 'components/social-menu';
+@import 'components/footer-sponsors';
 
 // Utilities
 //     utilities and helper classes with ability to override anything which