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,17 +201,19 @@
     "sparheld",
     "bid4papers",
     "writersperhour",
-    "promocodewatch",
+    "searchpromocodes",
     "clothingric",
     "edubirdie",
     "edusson",
     "emucoupon",
     "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,15 +21,17 @@ <h4 class="bd-footer-title">
     {% 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>
 
-        {% for sponsor_id in site.data.sponsors.footer %}
-          {% include elements/sponsor-item.html
-            sponsor_id=sponsor_id
-            classname="bd-footer-sponsor"
-            %}
-        {% endfor %}
+        <div class="bd-footer-donation-items">
+          {% for sponsor_id in site.data.sponsors.footer %}
+            {% include elements/sponsor-item.html
+              sponsor_id=sponsor_id
+              classname="bd-footer-sponsor"
+              %}
+          {% endfor %}
+        </div>
       </div>
     {% endif %}
 

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