Add themeisle

docs/_includes/index/intro.html

@@ -48,8 +48,13 @@
         </div>
       </div>
 
-      <div class="intro-carbon">
-        {% include carbon.html %}
+      <div class="intro-columns is-partners">
+        <div class="intro-column is-sponsor">
+          {% include sponsor.html %}
+        </div>
+        <div class="intro-column is-carbon">
+          {% include carbon.html %}
+        </div>
       </div>
     </div>
   </div>

docs/_includes/sponsor.html

@@ -0,0 +1,8 @@
+<div class="bd-sponsor">
+  <p class="bd-sponsor-title">Sponsor</p>
+  <div class="bd-sponsor-list">
+    <a href="https://themeisle.com/" target="_blank">
+      <img src="{{ site.url }}/images/sponsors/themeisle.png" alt="themeisle logo">
+    </a>
+  </div>
+</div>

docs/_sass/index.sass

@@ -163,27 +163,33 @@
 
 +touch
   .intro-column.is-video,
-  .intro-carbon
+  .intro-column.is-carbon
     margin-top: 3rem
+  .intro-columns.is-partners
+    margin-top: 6rem
 
 +desktop
   .intro-columns
     display: flex
     justify-content: center
+    &.is-partners
+      align-items: center
+      margin-top: 3rem
   .intro-column
     width: calc(50% - 1.5rem)
-    &.is-content
+    &.is-content,
+    &.is-sponsor
       margin-right: 1.5rem
-    &.is-video
+    &.is-video,
+    &.is-carbon
       margin-left: 1.5rem
-  .intro-content
+  .intro-content,
+  .bd-sponsor
     max-width: 440px
   .intro-title
     margin-top: -11px
     &:not(:last-child)
       margin-bottom: 20px
-  .intro-carbon
-    margin-top: 3rem
 
 #grid
   .notification

docs/_sass/sponsors.sass

@@ -7,3 +7,23 @@
     justify-content: center
     margin-right: 3rem
     width: 150px
+
+.bd-sponsor
+  margin-left: auto
+  margin-right: auto
+  text-align: center
+
+.bd-sponsor-title
+  font-size: $size-small
+  margin-bottom: 1em
+  opacity: 0.5
+
+.bd-sponsor-list
+  align-items: center
+  display: flex
+  justify-content: center
+  a
+    align-items: center
+    display: flex
+    justify-content: center
+    width: 200px

docs/css/bulma-docs.css

@@ -3103,7 +3103,7 @@ a.box:active {
 }
 
 .textarea[rows] {
-  height: unset;
+  height: initial;
 }
 
 .textarea.has-fixed-size {
@@ -3280,7 +3280,7 @@ a.box:active {
 }
 
 .select select[multiple] {
-  height: unset;
+  height: initial;
   padding: 0;
 }
 
@@ -5662,7 +5662,7 @@ a.tag:hover {
 .dropdown.is-up .dropdown-menu {
   bottom: 100%;
   padding-bottom: 4px;
-  padding-top: unset;
+  padding-top: initial;
   top: auto;
 }
 
@@ -7018,11 +7018,13 @@ a.dropdown-item.is-active {
   top: 0;
 }
 
-html.has-navbar-fixed-top {
+html.has-navbar-fixed-top,
+body.has-navbar-fixed-top {
   padding-top: 3.25rem;
 }
 
-html.has-navbar-fixed-bottom {
+html.has-navbar-fixed-bottom,
+body.has-navbar-fixed-bottom {
   padding-bottom: 3.25rem;
 }
 
@@ -11369,9 +11371,12 @@ svg {
 
 @media screen and (max-width: 1023px) {
   .intro-column.is-video,
-  .intro-carbon {
+  .intro-column.is-carbon {
     margin-top: 3rem;
   }
+  .intro-columns.is-partners {
+    margin-top: 6rem;
+  }
 }
 
 @media screen and (min-width: 1024px) {
@@ -11383,16 +11388,23 @@ svg {
         -ms-flex-pack: center;
             justify-content: center;
   }
+  .intro-columns.is-partners {
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    margin-top: 3rem;
+  }
   .intro-column {
     width: calc(50% - 1.5rem);
   }
-  .intro-column.is-content {
+  .intro-column.is-content, .intro-column.is-sponsor {
     margin-right: 1.5rem;
   }
-  .intro-column.is-video {
+  .intro-column.is-video, .intro-column.is-carbon {
     margin-left: 1.5rem;
   }
-  .intro-content {
+  .intro-content,
+  .bd-sponsor {
     max-width: 440px;
   }
   .intro-title {
@@ -11401,9 +11413,6 @@ svg {
   .intro-title:not(:last-child) {
     margin-bottom: 20px;
   }
-  .intro-carbon {
-    margin-top: 3rem;
-  }
 }
 
 #grid .notification {
@@ -13428,4 +13437,41 @@ html.route-index .hero.is-primary a.column:hover .title strong {
   width: 150px;
 }
 
+.bd-sponsor {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+}
+
+.bd-sponsor-title {
+  font-size: 0.75rem;
+  margin-bottom: 1em;
+  opacity: 0.5;
+}
+
+.bd-sponsor-list {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+
+.bd-sponsor-list a {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 200px;
+}
+
 /*# sourceMappingURL=bulma-docs.css.map */