Better color handling of social items in the navigation and showcase …

…section of hydrogen fixes #258
gantry · May 14, 2015 · 819abc2 · 819abc2
1 parent e705370
commit 819abc2
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/themes/hydrogen/common/scss/hydrogen/_nav.scss b/themes/hydrogen/common/scss/hydrogen/_nav.scss
@@ -16,6 +16,18 @@
  }
  }
 
+ .g-social {
+ a {
+ background: darken($navigation-background, 6%);
+ border: none;
+ color: $navigation-text-color;
+ @include transition(background 0.2s);
+ &:hover {
+ background: lighten($navigation-background, 6%);
+ }
+ }
+ }
+
  .g-main-nav {
  margin: -($content-padding + $content-margin);
  @include main-nav-colors($navigation-background, $navigation-text-color, $main-background, $main-text-color);

diff --git a/themes/hydrogen/common/scss/hydrogen/_showcase.scss b/themes/hydrogen/common/scss/hydrogen/_showcase.scss
@@ -27,6 +27,18 @@
  background: darken($accent-color-2, 5%);
  }
  }
+
+ .g-social {
+ a {
+ background: darken($showcase-background, 6%);
+ border: none;
+ color: $showcase-text-color;
+ @include transition(background 0.2s);
+ &:hover {
+ background: lighten($showcase-background, 6%);
+ }
+ }
+ }
 }
 
 @media print {