fix(website): hero section reworked

algolia · Apr 6, 2016 · 1fc6c70 · 1fc6c70
1 parent cd8ab34
commit 1fc6c70
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 0 deletions.
diff --git a/docs/source/stylesheets/components/_containers.scss b/docs/source/stylesheets/components/_containers.scss
@@ -33,6 +33,10 @@ section {
  padding-top: $navigation-height*1.5;
  position: relative;
 
+ .hero-container {
+ margin-top: 20px;
+ }
+
  .icon {
  width: 20px;
  height: 20px;
@@ -108,6 +112,10 @@ section {
  }
 
  .fl-right svg {
+ max-width: 260px;
+ position: relative;
+ top: -20px;
+
  path,
  ellipse {
  transform: translateY(12px);

diff --git a/docs/source/stylesheets/components/_navigation.scss b/docs/source/stylesheets/components/_navigation.scss
@@ -10,6 +10,17 @@
  padding: 0 16px;
  margin: 0;
 
+ .container {
+ max-width: 100%;
+ width: 100%;
+ }
+
+ @include huge-min-mq {
+ .container {
+ max-width: calc(#{$max-width} + 260px)
+ }
+ }
+
  .brand {
  float: left;
  }

diff --git a/docs/source/stylesheets/vendors/_mixins.scss b/docs/source/stylesheets/vendors/_mixins.scss
@@ -28,6 +28,11 @@
  @content
  }
 }
+@mixin huge-min-mq {
+ @media (min-width: $bp-huge){
+ @content
+ }
+}
 
 @mixin big-mq {
  @media (max-width: $bp-big){

diff --git a/docs/source/stylesheets/vendors/_variables.scss b/docs/source/stylesheets/vendors/_variables.scss
@@ -3,6 +3,7 @@ $debug: false;
 /* Breakpoints
 =====================*/
 // breakpoints
+$bp-huge: 2000px;
 $bp-big: 1500px;
 $bp-wide: 1200px;
 $bp-medium: 960px;