Update sponsors

docs/_data/sponsors.json

@@ -111,6 +111,13 @@
       "width":"125",
       "height":"35"
     },
+    "searchpromocodes": {
+      "name": "SearchPromoCodes",
+      "url": "https://searchpromocodes.com/",
+      "title": "SearchPromoCodes",
+      "width":"150",
+      "height":"62"
+    },
     "clothingric": {
       "name": "ClothingRIC",
       "url": "https://www.clothingric.com/",
@@ -172,6 +179,14 @@
       "title": "Real Time Communications World",
       "width":"120",
       "height":"57"
+    },
+    "polygon": {
+      "name": "Polygon.io",
+      "url": "https://polygon.io/",
+      "title": "Stock APIs",
+      "width":"150",
+      "height":"50",
+      "follow": true
     }
   },
   "home": [
@@ -186,7 +201,7 @@
     "sparheld",
     "bid4papers",
     "writersperhour",
-    "promocodewatch",
+    "searchpromocodes",
     "clothingric",
     "edubirdie",
     "edusson",
@@ -194,9 +209,11 @@
     "namobot",
     "firesticktricks",
     "airtract",
-    "realtimecommunications"
+    "realtimecommunications",
+    "polygon"
   ],
   "footer": [
-    "writersperhour"
+    "writersperhour",
+    "polygon"
   ]
 }

docs/_includes/elements/sponsor-item.html

@@ -7,6 +7,7 @@
 
 <div class="{{ include.classname }}">
   <a
+    class="bd-sponsor-item"
     href="{{ sponsor.url }}"
     target="_blank"
     {% unless sponsor.follow %}

docs/_includes/footer/support.html

@@ -21,9 +21,10 @@
     {% if site.data.sponsors.footer.size > 0 %}
       <div class="bd-footer-donation column">
         <p class="bd-footer-donation-title">
-          Visit our <strong>Sponsor</strong>
+          Visit our <strong>Sponsors</strong>
         </p>
 
+        <div class="bd-footer-donation-items">
           {% for sponsor_id in site.data.sponsors.footer %}
             {% include elements/sponsor-item.html
               sponsor_id=sponsor_id
@@ -31,6 +32,7 @@
               %}
           {% endfor %}
         </div>
+      </div>
     {% endif %}
 
     <div class="bd-footer-donation column">

docs/_sass/footer.sass

@@ -54,6 +54,13 @@
 .bd-footer-donation
   flex: none
 
+.bd-footer-donation-items
+  display: flex
+  flex-wrap: wrap
+  justify-content: center
+  .bd-footer-sponsor
+    width: 12rem
+
 .bd-footer-sponsor a
   @extend %center
   height: 70px

docs/_sass/index.sass

@@ -149,6 +149,7 @@
   max-width: $intro-width
 
 .bd-focus-item
+  @extend %link-before-background
   border-radius: $radius-large
   padding-top: 1.25rem
   position: relative
@@ -165,22 +166,6 @@
     position: relative
     strong
       color: currentColor
-  &::before
-    +overlay
-    background-color: $scheme-main-bis
-    border-radius: $radius-large
-    content: ""
-    display: block
-    opacity: 0
-    pointer-events: none
-    transform: scale(1.1)
-    transform-origin: center
-    transition-duration: $speed * 2
-    transition-property: opacity, transform
-  &:hover
-    &::before
-      opacity: 1
-      transform: scale(1)
     .subtitle
       color: $text
   &:nth-child(1):hover

docs/_sass/sponsors.sass

@@ -24,8 +24,9 @@ $bd-partner-width: 12rem
   max-width: (8 * $bd-partner-width)
 
 .bd-partner-sponsor
-  align-items: center
+  align-items: stretch
   display: flex
+  flex-direction: column
   justify-content: center
   margin: 0.25rem 1rem
   // min-height: $carbon-height + $carbon-poweredby-height
@@ -36,6 +37,18 @@ $bd-partner-width: 12rem
     font-size: 0.875em
     line-height: 1.25
     min-height: 0
+    .bd-sponsor-item
+      display: inline
+    .bd-sponsor-item:before
+      display: none
+
+.bd-sponsor-item
+  @extend %link-before-background
+  @extend %center
+  flex-grow: 1
+  position: relative
+  img
+    position: relative
 
 .bd-partnrs
   background-color: $scheme-main-bis

docs/bulma-docs.sass

@@ -38,6 +38,24 @@ $sidebar-width: 10.5rem
   box-shadow: 0 1.5rem 1.5rem -1.25rem rgba($black, 0.05)
   display: block
 
+%link-before-background
+  &::before
+    +overlay
+    background-color: $scheme-main-bis
+    border-radius: $radius-large
+    content: ""
+    display: block
+    opacity: 0
+    pointer-events: none
+    transform: scale(1.1)
+    transform-origin: center
+    transition-duration: $speed * 2
+    transition-property: opacity, transform
+  &:hover
+    &::before
+      opacity: 1
+      transform: scale(1)
+
 =selection($current-selector: false)
   @if $current-selector
     &::-moz-selection

docs/css/bulma-docs.css

@@ -10858,7 +10858,7 @@ label.panel-block:hover {
   padding: 3rem 1.5rem 6rem;
 }
 
-.bd-columns-tool, .bd-footer-sponsor a, .bd-footer-donation-action, .bd-footer-star-figure, .bd-minis-title, .bd-minis-link, .bd-mini {
+.bd-columns-tool, .bd-footer-sponsor a, .bd-footer-donation-action, .bd-footer-star-figure, .bd-sponsor-item, .bd-minis-title, .bd-minis-link, .bd-mini {
   align-items: center;
   display: flex;
   justify-content: center;
@@ -10871,6 +10871,29 @@ label.panel-block:hover {
   display: block;
 }
 
+.bd-focus-item::before, .bd-sponsor-item::before {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  background-color: #fafafa;
+  border-radius: 6px;
+  content: "";
+  display: block;
+  opacity: 0;
+  pointer-events: none;
+  transform: scale(1.1);
+  transform-origin: center;
+  transition-duration: 172ms;
+  transition-property: opacity, transform;
+}
+
+.bd-focus-item:hover::before, .bd-sponsor-item:hover::before {
+  opacity: 1;
+  transform: scale(1);
+}
+
 .bd-main {
   overflow: hidden;
   position: relative;
@@ -11979,30 +12002,7 @@ svg {
   color: currentColor;
 }
 
-.bd-focus-item::before {
+.bd-focus-item .subtitle .subtitle {
-  bottom: 0;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  background-color: #fafafa;
-  border-radius: 6px;
-  content: "";
-  display: block;
-  opacity: 0;
-  pointer-events: none;
-  transform: scale(1.1);
-  transform-origin: center;
-  transition-duration: 172ms;
-  transition-property: opacity, transform;
-}
-
-.bd-focus-item:hover::before {
-  opacity: 1;
-  transform: scale(1);
-}
-
-.bd-focus-item:hover .subtitle {
   color: #4a4a4a;
 }
 
@@ -12527,6 +12527,16 @@ svg {
   flex: none;
 }
 
+.bd-footer-donation-items {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+.bd-footer-donation-items .bd-footer-sponsor {
+  width: 12rem;
+}
+
 .bd-footer-sponsor a {
   height: 70px;
 }
@@ -14499,8 +14509,9 @@ svg {
 }
 
 .bd-partner-sponsor {
-  align-items: center;
+  align-items: stretch;
   display: flex;
+  flex-direction: column;
   justify-content: center;
   margin: 0.25rem 1rem;
   min-height: 80px;
@@ -14514,6 +14525,23 @@ svg {
   min-height: 0;
 }
 
+.bd-partner-sponsor.is-text .bd-sponsor-item {
+  display: inline;
+}
+
+.bd-partner-sponsor.is-text .bd-sponsor-item:before {
+  display: none;
+}
+
+.bd-sponsor-item {
+  flex-grow: 1;
+  position: relative;
+}
+
+.bd-sponsor-item img {
+  position: relative;
+}
+
 .bd-partnrs {
   background-color: #fafafa;
 }