docs: add lambdatest to sponsors (#826)

docs/themes/navy/layout/index.swig

@@ -1,5 +1,5 @@
 <header id="banner" class="wrapper">
-  <div class="inner">
+  <div class="inner inner-content">
     <h2 id="banner-title">{{ page.subtitle }}</h2>
     <div id="banner-start">
       <code id="banner-start-command">npm install liquidjs</code><a id="banner-start-link" href="./tutorials/setup.html"><i class="icon-arrow-right"></i></a>
@@ -9,7 +9,7 @@
 </header>
 <div id="intro-news-list">
   <div class="wrapper">
-    <div class="inner">
+    <div class="inner inner-content">
       <div id="intro-news-flex">
         {% for news in site.data.news %}
         <a href="{{news.url}}" class="intro-news-wrap">
@@ -23,7 +23,7 @@
 </div>
 <div id="content-wrap">
   <div class="wrapper">
-    <div class="inner">
+    <div class="inner inner-content">
       {{ page.content }}
       <div id="intro-cmd-wrap" class="highlight typescript"><pre><span class="line"><span class="keyword">import</span> { Liquid } <span class="keyword">from</span> <span class="string">'liquidjs'</span></span><br><span class="line"><span class="keyword">const</span> engine = <span class="keyword">new</span> Liquid()</span><br><span class="line"><span class="keyword">const</span> tpl = engine.parse(<span class="string">'Welcome to {% raw %}{{v}}{% endraw %}!'</span>)</span><br><span class="line">engine.render(tpl, {<span class="attr">v</span>: <span class="string">"Liquid"</span>}).then(<span class="built_in">console</span>.log)</span><br><span class="line"><span class="comment">// Outputs "Welcome to Liquid!"</span></span><br></pre></div>
       <div id="intro-get-started-wrap">
@@ -32,20 +32,9 @@
     </div>
   </div>
 </div>
-<div id="contributors-wrap">
-  <div class="wrapper">
-    <div class="inner">
-      <h3>{{__('index.contributors.title')}}</h3>
-      <p class="description">{{__('index.contributors.description')}}</p>
-      <div class="contributors">
-        {{ partial('partial/all-contributors') }}
-      </div>
-    </div>
-  </div>
-</div>
 <div id="sponsors-wrap">
   <div class="wrapper">
-    <div class="inner">
+    <div class="inner inner-content">
       <h3>{{__('index.sponsors.title')}}</h3>
       <p class="description">{{__('index.sponsors.description')}}</p>
       <div class="contributors">
@@ -54,3 +43,14 @@
     </div>
   </div>
 </div>
+<div id="contributors-wrap">
+  <div class="wrapper">
+    <div class="inner inner-content">
+      <h3>{{__('index.contributors.title')}}</h3>
+      <p class="description">{{__('index.contributors.description')}}</p>
+      <div class="contributors">
+        {{ partial('partial/all-contributors') }}
+      </div>
+    </div>
+  </div>
+</div>

docs/themes/navy/source/css/_partial/base.styl

@@ -54,7 +54,11 @@ a
 
 .inner
   @media screen
-    padding: 0 gutter-width
+    margin: 0 gutter-width
+.inner.inner-content
+  margin: 0 32px
+  @media mq-tablet
+    margin: 0 48px
 
 #content-wrap
   background: var(--color-content-bg)

docs/themes/navy/source/css/_partial/index.styl

@@ -66,6 +66,10 @@
 .intro-news-wrap
   padding: 24px 30px
   text-decoration: none
+  &:first-child
+    padding-left: 0
+  &:last-child
+    padding-right: 0
   &:hover
     background-color: var(--color-link-hover)
   @media mq-normal
@@ -105,7 +109,7 @@
   text-align: center
   @media mq-normal
     text-align: left
-    padding-left: 70px
+    padding-left: 48px
 
 .intro-feature-icon
   color: var(--color-link)
@@ -116,7 +120,7 @@
     margin-bottom: 26px
     position: absolute
     top: 0
-    left: 20px
+    left: 0
     font-size: 24px
     width: @font-size
 
@@ -177,9 +181,11 @@
   border-bottom: 1px solid #161d24
   margin: -1px 0
   .inner
-    margin: 48px 16px
+    margin-top: 48px
+    margin-bottom: 48px
     @media mq-tablet
-      margin: 64px 32px
+      margin-top: 64px
+      margin-bottom: 64px
     h3
       color: #fff
       font-size: 32px
@@ -192,20 +198,7 @@
       text-decoration: none
 
 #contributors-wrap
-  .description a
-    color: #fff
-    &:hover
-      background: #fff
-      color: var(--color-navy-lighter)
-
-#sponsors-wrap
-  border: none
-  text-align: right
   background: var(--color-content-bg)
-  overflow: hidden;
-  .contributors
-    display: flex;
-    justify-content: right;
   .inner
     h3
       color: var(--color-default)
@@ -227,10 +220,20 @@
           background: #fff
           color: var(--color-navy-lighter)
 
+#sponsors-wrap
+  border: none
+  overflow: hidden;
+  .description a
+    color: #fff
+    &:hover
+      background: #fff
+      color: var(--color-navy-lighter)
+
 .contributors
   tr
     display: flex
     flex-wrap: wrap
+    justify-content: center;
   td
     margin: 10px 2px 0
     a img