@forgebuild/sidon-booking-widget 4.1.4 → 4.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/dist/sidon-berth-map.js +553 -546
- package/dist/sidon-booking-widget.js +274 -254
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -511,6 +511,7 @@ sidon-berth-map {
|
|
|
511
511
|
--brand-navy: #0e3a3e;
|
|
512
512
|
--brand-gold: #d49a3c;
|
|
513
513
|
--brand-ink: #0e3a3e; /* dark card surface */
|
|
514
|
+
--brand-sea: #cfe3f5; /* optional: the water on the coastal map */
|
|
514
515
|
--brand-font-title: 'Teko', sans-serif; /* berth-map card heading */
|
|
515
516
|
--brand-font-body: 'Hind', sans-serif; /* berth-map card and weather panel */
|
|
516
517
|
}
|
|
@@ -519,6 +520,11 @@ sidon-berth-map {
|
|
|
519
520
|
When these are unset, the elements use `#16365b` navy, `#c9a86b` gold, `#252525` ink and a system
|
|
520
521
|
sans-serif font.
|
|
521
522
|
|
|
523
|
+
The `coastal` map paints the water in `--brand-navy`, the colour of the card's header. Where the
|
|
524
|
+
card sits over the map (`layout="overlay"`) the two run together: set `--brand-sea` to give the
|
|
525
|
+
water its own colour. It has to resolve to a plain colour Google Maps accepts (a hex value, or a
|
|
526
|
+
`var()` pointing at one), read once at mount like the others.
|
|
527
|
+
|
|
522
528
|
On `<sidon-booking-widget>`, the `variant` attribute switches the buttons and document rows
|
|
523
529
|
between two styles:
|
|
524
530
|
|