Add themeisle

diff --git a/docs/_includes/index/intro.html b/docs/_includes/index/intro.html
index 12996bcb4e3875f2dd54210e0d7d7cc6dac768a8..35bb993761531e623eea6c3cc09b91026478f62a 100644 (file)
--- a/docs/_includes/index/intro.html
+++ b/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>

diff --git a/docs/_includes/sponsor.html b/docs/_includes/sponsor.html
new file mode 100644 (file)
index 0000000..2366fb3
--- /dev/null
+++ b/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>

diff --git a/docs/_sass/index.sass b/docs/_sass/index.sass
index f7d440625feb1c7a54ef247cc55e139e252e343a..f99b7a7d8af01567e434c69a43bef55fecd9a194 100644 (file)
--- a/docs/_sass/index.sass
+++ b/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

diff --git a/docs/_sass/sponsors.sass b/docs/_sass/sponsors.sass
index a3de7af9ac9a5b8f100b13bee47047ed078a3949..25e9c26ee84170e36f3f90dc1fbd61f0b4928736 100644 (file)
--- a/docs/_sass/sponsors.sass
+++ b/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

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index d38a8bf15fe38e27703b048f989e6e42f07950dd..19b4d0379d1f51c77b003fa1def9de1060ffecd3 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/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 */
\ No newline at end of file

diff --git a/docs/images/sponsors/themeisle.png b/docs/images/sponsors/themeisle.png
new file mode 100644 (file)
index 0000000..73fa863
Binary files /dev/null and b/docs/images/sponsors/themeisle.png differ