Fix #3918

CHANGELOG.md

@@ -10,6 +10,7 @@
 
 - Fix #3904, #3884: fix website horizontal overflow
 - Fix #3849: fix Light Mode color swatches in Dark Mode
+- Fix #3918: broken placeholder images
 
 ## 1.0.2
 

docs/_includes/docs/components/logos-item.html

@@ -1,7 +1,7 @@
 <div
   {% if include.unsplash %}
     class="bd-logos-item"
-    style="background-image: url(https://source.unsplash.com/{{ include.unsplash }}/480x480)"
+    style="background-image: url(/assets/images/unsplash/{{ include.unsplash }}.jpg)"
   {% else %}
     class="bd-logos-item is-transparent"
   {% endif %}

docs/_sass/docs/examples.scss

@@ -28,7 +28,7 @@
 }
 
 .bulma-overlay-mixin-parent {
-  background-image: url(https://source.unsplash.com/La2kOu2dmH4/640x320);
+  background-image: url(/assets/images/unsplash/La2kOu2dmH4.jpg);
   background-size: cover;
   border-radius: 0.5em;
   position: relative;
@@ -73,7 +73,7 @@
 }
 
 .bulma-center-mixin-parent {
-  background-image: url(https://source.unsplash.com/xo3Bd2tYeqg/640x320);
+  background-image: url(/assets/images/unsplash/La2kOu2dmH4.jpg);
   background-size: cover;
   border-radius: 0.5em;
   position: relative;

docs/assets/css/website.css

@@ -9280,6 +9280,7 @@ button.tag:active,
   --bulma-input-border-width: var(--bulma-control-border-width);
   --bulma-input-border-l: var(--bulma-border-l);
   --bulma-input-border-l-delta: 0%;
+  --bulma-input-border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
   --bulma-input-hover-border-l-delta: var(--bulma-hover-border-l-delta);
   --bulma-input-active-border-l-delta: var(--bulma-active-border-l-delta);
   --bulma-input-focus-h: var(--bulma-focus-h);
@@ -9306,7 +9307,7 @@ button.tag:active,
 
 .select select, .input, .textarea {
   background-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-background-l) + var(--bulma-input-background-l-delta)));
-  border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), calc(var(--bulma-input-border-l) + var(--bulma-input-border-l-delta)));
+  border-color: var(--bulma-input-border-color);
   border-radius: var(--bulma-input-radius);
   color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l));
 }
@@ -17643,6 +17644,9 @@ label.panel-block:hover {
   --bulma-hero-body-padding-small: 1.5rem;
   --bulma-hero-body-padding-medium: 9rem 4.5rem;
   --bulma-hero-body-padding-large: 18rem 6rem;
+  --bulma-hero-gradient-h-offset: 5deg;
+  --bulma-hero-gradient-s-offset: 10%;
+  --bulma-hero-gradient-l-offset: 5%;
 }
 
 .hero {
@@ -33952,7 +33956,7 @@ has-background-moon.is-hoverable:active {
 }
 
 .bulma-overlay-mixin-parent {
-  background-image: url(https://source.unsplash.com/La2kOu2dmH4/640x320);
+  background-image: url(/assets/images/unsplash/La2kOu2dmH4.jpg);
   background-size: cover;
   border-radius: 0.5em;
   position: relative;
@@ -34007,7 +34011,7 @@ has-background-moon.is-hoverable:active {
 }
 
 .bulma-center-mixin-parent {
-  background-image: url(https://source.unsplash.com/xo3Bd2tYeqg/640x320);
+  background-image: url(/assets/images/unsplash/La2kOu2dmH4.jpg);
   background-size: cover;
   border-radius: 0.5em;
   position: relative;

docs/documentation/sass/mixins.html

@@ -217,7 +217,7 @@ breadcrumb:
 
 {% capture center %}
 <div class="bulma-center-mixin-parent">
-  <img class="bulma-center-mixin" height="96" width="96" src="https://source.unsplash.com/mEZ3PoFGs_k/192x192">
+  <img class="bulma-center-mixin" height="96" width="96" src="/assets/images/unsplash/mEZ3PoFGs_k.jpg">
 </div>
 {% endcapture %}
 
@@ -267,7 +267,7 @@ breadcrumb:
 
 {% capture clearfix %}
 <div class="bulma-clearfix-mixin">
-  <img height="80" width="80" style="float: left;" src="https://source.unsplash.com/La2kOu2dmH4/160x160">
+  <img height="80" width="80" style="float: left;" src="/assets/images/unsplash/La2kOu2dmH4.jpg">
   <p>This is a short image description.</p>
 </div>
 
@@ -458,7 +458,7 @@ breadcrumb:
 
 {% capture ltr-position %}
 <div class="bulma-ltr-position-mixin-parent">
-  <img class="bulma-ltr-position-mixin" height="48" width="48" src="https://source.unsplash.com/iFgRcqHznqg/96x96">
+  <img class="bulma-ltr-position-mixin" height="48" width="48" src="/assets/images/unsplash/iFgRcqHznqg.jpg">
   <p>Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum.</p>
 </div>
 {% endcapture %}
@@ -523,7 +523,7 @@ breadcrumb:
 {% capture ltr-property %}
 <div class="bulma-ltr-property-mixin-parent">
   <p>Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum.</p>
-  <img class="bulma-ltr-property-mixin" height="96" width="96" src="https://source.unsplash.com/jTSf1xnsoCs/192x192">
+  <img class="bulma-ltr-property-mixin" height="96" width="96" src="/assets/images/unsplash/jTSf1xnsoCs.jpg">
 </div>
 {% endcapture %}