Merge pull request #1149 from pattern-lab/feature/footer-netlify-link

“This site is powered by Netlify” footer link
pattern-lab · Apr 23, 2020 · aef661a · aef661a
2 parents d4bc586 + f9fe4c3
commit aef661a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/packages/docs/src/_includes/components/footer.njk b/packages/docs/src/_includes/components/footer.njk
@@ -3,6 +3,7 @@
 	<div class="l-container">
 
 		{% include "components/footer-nav.njk" %}
+        <p class='c-footer__note'><a href='https://www.netlify.com/'>This site is powered by Netlify</a></p>
 
 	</div><!--end l-container-->
 

diff --git a/packages/docs/src/scss/components/_footer-nav.scss b/packages/docs/src/scss/components/_footer-nav.scss
@@ -6,7 +6,8 @@
  * The nav inside the footer 
  */
 .c-footer-nav {
-	font-size: $font-size-sm-2;
+    font-size: $font-size-sm-2;
+    margin-bottom: $spacing;
 
 	@media all and (min-width: $bp-med) {
 		display: flex;

diff --git a/packages/docs/src/scss/components/_footer.scss b/packages/docs/src/scss/components/_footer.scss
@@ -8,3 +8,15 @@
 .c-footer {
     padding: $spacing-large 0;
 }
+
+/**
+ * Footer note
+ * 1) Small paragraph of text in the footer
+ */
+ .c-footer__note {
+	font-size: $font-size-sm;
+
+	a {
+		text-decoration: underline;
+	}
+}