feat: add heading-cta

woliveiras · Oct 13, 2020 · 170443c · 170443c
1 parent ecbd367
commit 170443c
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 1 deletion.
diff --git a/src/_includes/partials/global/site-head.njk b/src/_includes/partials/global/site-head.njk
@@ -1,5 +1,6 @@
 <a class="skip-link" href="#main-content">Skip to content</a>
-<header role="banner" class="[ site-head ] [ pad-top-700 pad-bottom-700 ">
+<div class="heading-cta"><a href="https://twitch.tv/uillaz" target="_blank">Me siga na Twitch.tv</a></div>
+<header role="banner" class="[ site-head ] [ pad-bottom-700 ">
   <div class="wrapper">
     <div class="[ site-head__inner ] [ md:box-flex space-between align-center ]">
       <a href="/" class="[ site-head__site-name ] [ leading-tight ]">

diff --git a/src/scss/components/_heading-cta.scss b/src/scss/components/_heading-cta.scss
@@ -0,0 +1,12 @@
+.heading-cta {
+    display: inline-block;
+    text-align: center;
+    background: #8a2be2;
+    position: fixed;
+    width: 100%;
+    z-index: 400;
+
+    a {
+        color: white;
+    }
+}
diff --git a/src/scss/components/_site-head.scss b/src/scss/components/_site-head.scss
@@ -1,4 +1,6 @@
 .site-head {
+  padding-top: 3.6rem;
+
   &__site-name {
     font-weight: 700;
     text-decoration: none;

diff --git a/src/scss/global.scss b/src/scss/global.scss
@@ -64,6 +64,7 @@ img {
 @import 'components/button';
 @import 'components/tables';
 @import 'components/form';
+@import 'components/heading-cta';
 @import 'components/heading-permalink';
 @import 'components/intro';
 @import 'components/nav';