styled header special buttons

zombeats · Sep 22, 2015 · a4610b0 · a4610b0
1 parent ab9e572
commit a4610b0
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 5 deletions.
diff --git a/assets/scss/global.scss b/assets/scss/global.scss
@@ -777,8 +777,8 @@ h6 a {
     margin-left: -15%;
   }
   @include breakpoint(1100px) {
-    width: calc(100% + 40px);
-    margin-left: -40px;
+    width: calc(100% + 30px);
+    margin-left: -15px;
   }
 }
 
@@ -1254,6 +1254,10 @@ pre[class*="language-"] {
   cursor: help;
 }
 
+/* ==========================================================================
+ Custom
+========================================================================== */
+
 .tags {
   vertical-align: text-bottom;
   > a {
@@ -1300,4 +1304,14 @@ a.ghost-logo.animated-logo {
   min-height: 30px;
 }
 
-// signup
+li.nav-nete > a {
+  @include feature-header-button($green);
+}
+
+li.nav-enviar-noticia > a {
+  @include feature-header-button($blue);
+
+  @include breakpoint(max-width 660px, max-width 660px) {
+    margin: 15px 0 !important;
+  }
+}
diff --git a/assets/scss/itch.scss b/assets/scss/itch.scss
@@ -1,4 +1,4 @@
-// @import url(https://fonts.googleapis.com/css?family=Open+Sans:200,400,700);
 @import 'variables.scss';
+@import 'mixins.scss';
 @import 'theme.scss';
 @import 'global.scss';
diff --git a/assets/scss/mixins.scss b/assets/scss/mixins.scss
@@ -0,0 +1,12 @@
+@mixin feature-header-button($color) {
+  background: rgba(white, 0.8) !important;
+  color: $color !important;
+  border: 1.5px solid $color;
+  border-radius: 2px;
+  transition: all .5s ease;
+
+  &:hover {
+    color: rgba(white, 0.8) !important;
+    background: $color !important;
+  }
+}
diff --git a/assets/scss/theme.scss b/assets/scss/theme.scss
@@ -10,7 +10,7 @@
 .button-add[type="submit"] {
   transition: all 0.5s ease;
   background: white;
-  border: 4px solid $green;
+  border: 2px solid $green;
   color: $green;
 }