@visitscotland/component-library 5.17.0 → 5.18.0
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/dist/client/manifest.json +28 -0
- package/dist/client/scripts/4714fa29a82e1177d216.js +1 -0
- package/dist/client/styles/4714fa29a82e1177d216.css +1 -0
- package/dist/components/components/illustrated-map/index.d.ts +2 -0
- package/dist/ssr/index.js +1 -1
- package/dist/ssr/manifest.json +1 -1
- package/dist/ssr/styles/{88984a6854fe44f33b20.css → b69602448346519334cf.css} +1 -0
- package/package.json +1 -1
package/dist/ssr/manifest.json
CHANGED
|
@@ -81,6 +81,7 @@ label,legend{font-weight:600;margin-bottom:0}legend{font-size:1.125rem}.error{fo
|
|
|
81
81
|
.vs-hero-section{background:#fff;--grid-columns: 12px 1fr 1fr 12px;--content_maxwidth: 100%;--container-col: 2 / span 2;--container-row: 1;--image-col: 1 / -1;--image-row: 2;--inset-image-col: 2 / span 2;--divider-col: 2 / span 2;--divider-row: 2}@media(min-width: 576px){.vs-hero-section{--content_maxwidth: 516px;--grid-columns: 1fr min-content min-content 1fr}}@media(min-width: 768px){.vs-hero-section{--content_maxwidth: 696px}}@media(min-width: 992px){.vs-hero-section{--content_maxwidth: 936px}}@media(min-width: 1200px){.vs-hero-section{--content_maxwidth: 1116px}}@media(min-width: 1400px){.vs-hero-section{--content_maxwidth: 1316px}}.vs-hero-section__grid{display:grid;grid-template-columns:var(--grid-columns);width:100%;position:relative}.vs-hero-section__image{grid-row:var(--image-row);grid-column:var(--image-col)}.vs-hero-section__image--inset{grid-column:var(--inset-image-col);padding:0}.vs-hero-section__text-container{position:relative;grid-row:var(--container-row);grid-column:var(--container-col);width:var(--content_maxwidth);padding:1.5rem 0 2.5rem 0}@media(min-width: 992px){.vs-hero-section__text-container{padding:3rem 0}}.vs-hero-section__text{width:100%}@media(min-width: 576px){.vs-hero-section__text{width:80%}}@media(min-width: 768px){.vs-hero-section__text{width:70%}}@media(min-width: 992px){.vs-hero-section__text{width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:6rem}}@media(min-width: 1200px){.vs-hero-section__text{grid-template-columns:1.5fr .75fr}}.vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#5b2487}@media(min-width: 992px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0}}.vs-hero-section__video-wrapper{grid-row:1;grid-column:1/-1;position:relative;line-height:0}.vs-hero-section__video-wrapper .vs-hero-section__video{width:100%;height:560px;object-fit:cover}@media(min-width: 576px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:648px}}@media(min-width: 992px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:812px}}.vs-hero-section__video-wrapper .vs-hero-section__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 100%)}.vs-hero-section .vs-hero-section__text-container--video{color:#fff}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section-video-control{position:absolute;bottom:5rem;right:1.25rem}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;position:absolute;bottom:5rem;width:70%}@media(min-width: 768px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{width:50%}}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#fff;text-wrap:balance}@media(min-width: 992px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}.vs-hero-section__divider{height:2px;margin:0;color:#e9e9e9;grid-row:var(--divider-row);grid-column:var(--divider-col)}.vs-hero-section--split{--split-image-row: 1;--split-image-col: 1 / -1;--split-container-row: 2;--split-container-col: 2 / -2}@media(min-width: 992px){.vs-hero-section--split{--split-container-row: 1;--split-container-col: 2 / span 2;--split-image-row: 1;--split-image-col: 3 / span 2}}.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col);position:relative;overflow:hidden;z-index:0;min-height:14rem;max-width:1000px}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col)}}.vs-hero-section--split .vs-hero-section__text-container{grid-row:var(--split-container-row);grid-column:var(--split-container-col);padding-top:0}.vs-hero-section--split .vs-hero-section__text{height:100%;width:100%;padding:0}@media(min-width: 576px){.vs-hero-section--split .vs-hero-section__text{width:75%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;place-content:center;width:42%}}@media(min-width: 1400px){.vs-hero-section--split .vs-hero-section__text{width:40%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}
|
|
82
82
|
.vs-icon-list__item{display:inline-table;text-align:center;width:90px;margin-bottom:1rem;padding:0 .25rem;font-size:.875rem}.vs-icon-list__item .vs-icon{margin-bottom:.75rem}
|
|
83
83
|
.vs-icon-list{text-align:center}.vs-icon-list .vs-icon-list__title{font-size:1rem;font-weight:600;margin-bottom:1.25rem}.vs-icon-list .vs-icon-list__list{display:inline-block;margin:0 auto;padding:0;text-align:left}
|
|
84
|
+
.vs-illustrated-map[data-v-c1d2c892]{height:auto}.vs-illustrated-map path[data-v-c1d2c892]{fill:#8382ba}.vs-illustrated-map .is-highlighted[data-v-c1d2c892]{fill:#23014a}
|
|
84
85
|
.vs-toggle-btn{z-index:3;display:block}
|
|
85
86
|
.vs-toggle-btn.vs-button.btn-subtle{line-height:1;color:#1f49d6;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.vs-toggle-btn.vs-button.btn-subtle .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#1f49d6}.vs-toggle-btn.vs-button.btn-subtle:hover{color:#1f49d6;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.vs-toggle-btn.vs-button.btn-subtle:hover .vs-icon{color:#1f49d6}.vs-toggle-btn.vs-button.btn-subtle:active,.vs-toggle-btn.vs-button.btn-subtle:active:focus{color:#fff;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}.vs-toggle-btn.vs-button.btn-subtle:active .vs-icon,.vs-toggle-btn.vs-button.btn-subtle:active:focus .vs-icon{color:#fff}.vs-toggle-btn.vs-button.btn-subtle.btn-md{padding:.5rem .25rem;width:44px;height:44px}.vs-toggle-btn.vs-button.btn-subtle .vs-icon{margin:0}.vs-toggle-btn.vs-button.btn-subtle .fa-icon-colours,.vs-toggle-btn.vs-button.btn-subtle .fa-icon-colours--white{--fa-primary-color: rgb(255, 255, 255);--fa-secondary-color: rgb(32, 15, 46);--fa-secondary-opacity: 1.0}.vs-toggle-btn.vs-button.btn-subtle:hover .fa-icon-colours,.vs-toggle-btn.vs-button.btn-subtle:hover .fa-icon-colours--white{--fa-secondary-color: rgb(31, 73, 214)}
|
|
86
87
|
.vs-video-caption{width:100%;position:relative}.vs-video-caption--no-js{display:none}.vs-video-caption__details{background-color:#200f2e;color:#fff;padding:.75rem}.vs-video-caption__buttons-container{position:absolute;transform:translateY(-100%);width:100%}.vs-video-caption__buttons-container .vs-toggle-btn{display:none}@media(min-width: 992px){.vs-video-caption__buttons-container .vs-toggle-btn{display:block;position:absolute;right:.5rem;top:calc(-24px - 0.75rem)}}.vs-video-caption__title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.vs-video-caption__duration{font-size:1rem;font-weight:300;margin:0}.vs-video-caption__alert{display:flex;justify-content:flex-start}.vs-video-caption__alert .vs-icon{margin-right:1.75rem}.vs-video-caption__alert p{font-size:1rem;line-height:2;margin:-10px 0 0}.vs-video-caption__button{min-height:50px;display:flex;align-items:center;padding-top:.25rem;padding-bottom:.25rem;min-height:53px;text-align:left;line-height:1.1}.vs-video-caption__button .vs-icon{margin-right:1.25rem}.vs-video-caption .vs-caption--large .vs-caption__image-caption{margin-bottom:.5rem}@media(min-width: 576px){.vs-video-caption__buttons-container>.container{padding:0}.vs-video-caption__buttons-container .vs-toggle-btn{top:calc(50% - 20px)}}@media(min-width: 576px){.vs-video-caption--wide .vs-video-caption__details{padding:1rem .75rem 1.25rem}.vs-video-caption--wide .vs-video-caption__title{font-size:1.125rem;margin-right:1rem;margin-bottom:0}.vs-video-caption--wide .vs-video-caption__buttons-container__button{max-width:400px}}@media(min-width: 992px){.vs-video-caption--wide .vs-video-caption__details{display:block;padding:1rem 1.5rem 1.25rem}.vs-video-caption--wide .vs-video-caption__title{margin-bottom:.25rem}.vs-video-caption--wide .vs-video-caption__button{max-width:360px}}.vs-video-caption__wrapper--narrow{width:100%}.vs-video-caption__wrapper--narrow .vs-video-caption__buttons-container .vs-video-caption__button{width:4rem;height:4rem;position:relative;padding:0rem;font-size:0}.vs-video-caption__wrapper--narrow .vs-video-caption__buttons-container .vs-video-caption__button .vs-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.vs-video-caption__wrapper--narrow .vs-video-caption__buttons-container .container{padding:0rem}.vs-video-caption__wrapper--narrow .vs-video-caption__buttons-container .vs-video-caption__button .vs-icon{font-size:1.875rem}.vs-image-with-caption--hero.vs-image-with-caption--video .vs-video-caption__buttons-container .vs-video-caption__button{width:4rem;height:4rem;position:relative;padding:0rem;font-size:0}.vs-image-with-caption--hero.vs-image-with-caption--video .vs-video-caption__buttons-container .vs-video-caption__button .vs-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.vs-image-with-caption--hero.vs-image-with-caption--video .vs-image-with-caption__image-wrapper .vs-toggle-btn{display:block !important}@media(min-width: 576px){.vs-image-with-caption--hero.vs-image-with-caption--video .vs-video-caption__buttons-container .vs-video-caption__button{width:auto;height:auto;padding:.75rem 1rem;font-size:1rem}.vs-image-with-caption--hero.vs-image-with-caption--video .vs-video-caption__buttons-container .vs-video-caption__button .vs-icon{position:relative;top:auto;left:auto;transform:none;height:1.25rem;width:1.25rem}}@media(min-width: 992px){.vs-image-with-caption--hero.vs-image-with-caption--video .vs-image-with-caption__video-caption-wrapper .vs-video-caption{width:400px}.vs-image-with-caption--hero.vs-image-with-caption--video .vs-image-with-caption__image-wrapper .vs-toggle-btn{display:none !important}}.no-js .vs-video-caption{display:none}.no-js .vs-video-caption--no-js{display:block}@media(min-width: 576px){.no-js .vs-video-caption__details{max-width:84%;margin:0 auto;border-bottom:#e9e9e9 1px solid}}@media(min-width: 992px){.no-js .vs-video-caption__details{max-width:100%;margin:0;border-bottom:none}}.no-js .vs-video-caption__title,.no-js .vs-video-caption__duration,.no-js .vs-video-caption__button,.no-js .vs-video-caption .vs-toggle-btn{display:none}
|
package/package.json
CHANGED