@postnord/pn-marketweb-components 2.0.147 → 2.0.148
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/cjs/pn-line-shape.cjs.entry.js +1 -1
- package/cjs/pn-quote-card.cjs.entry.js +1 -1
- package/cjs/pn-teaser-card.cjs.entry.js +1 -1
- package/collection/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.css +4 -4
- package/collection/components/cards/pn-quote-card/pn-quote-card.css +64 -71
- package/collection/components/cards/pn-quote-card/pn-quote-card.stories.js +6 -6
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.css +5 -0
- package/custom-elements/index.js +3 -3
- package/esm/pn-line-shape.entry.js +1 -1
- package/esm/pn-quote-card.entry.js +1 -1
- package/esm/pn-teaser-card.entry.js +1 -1
- package/esm-es5/pn-line-shape.entry.js +1 -1
- package/esm-es5/pn-quote-card.entry.js +1 -1
- package/esm-es5/pn-teaser-card.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/{p-c229035c.entry.js → p-3e3298fe.entry.js} +1 -1
- package/pn-market-web-components/p-4b85fd2b.system.entry.js +1 -0
- package/pn-market-web-components/p-66b4a71f.system.entry.js +1 -0
- package/pn-market-web-components/p-8f0a682f.entry.js +1 -0
- package/pn-market-web-components/p-939b5792.system.entry.js +1 -0
- package/pn-market-web-components/p-c668f453.entry.js +1 -0
- package/pn-market-web-components/p-d295ef71.system.js +1 -1
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/umd/pn-marketweb-init.js +1 -1
- package/umd/pn-marketweb-salesforce.js +2 -2
- package/pn-market-web-components/p-16afb058.system.entry.js +0 -1
- package/pn-market-web-components/p-1ae6cc5f.system.entry.js +0 -1
- package/pn-market-web-components/p-4305724d.entry.js +0 -1
- package/pn-market-web-components/p-a61101e6.entry.js +0 -1
- package/pn-market-web-components/p-ab5fdc81.system.entry.js +0 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4199ff85.js');
|
|
6
6
|
|
|
7
|
-
const pnLineShapeCss = "pn-line-shape .pn-line-shape__container{display:-ms-flexbox;display:flex}pn-line-shape .pn-line-shape__line{border-style:solid;border-width:0.4rem;border-radius:1.6rem;border-color:#00A0D6}pn-line-shape .pn-line-shape__dot{width:0.8rem;border-style:solid;border-width:0.4rem;border-radius:1.6rem;height:0.8rem;border-color:#00A0D6}pn-line-shape[
|
|
7
|
+
const pnLineShapeCss = "pn-line-shape .pn-line-shape__container{display:-ms-flexbox;display:flex}pn-line-shape .pn-line-shape__line{border-style:solid;border-width:0.4rem;border-radius:1.6rem;border-color:#00A0D6}pn-line-shape .pn-line-shape__dot{width:0.8rem;border-style:solid;border-width:0.4rem;border-radius:1.6rem;height:0.8rem;border-color:#00A0D6}pn-line-shape[slot=horizontal-line] .pn-line-shape__container{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;gap:0.8rem;padding:2.4rem 0}pn-line-shape[slot=horizontal-line] .pn-line-shape__line{height:0.8rem;width:100%}pn-line-shape[slot=vertical-line] .pn-line-shape__container{height:100%;-ms-flex-direction:column;flex-direction:column;gap:0.8rem;padding:0.8rem 0.5rem}pn-line-shape[slot=vertical-line] .pn-line-shape__line{height:100%;width:0.8rem}";
|
|
8
8
|
|
|
9
9
|
const PnLineShape = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4199ff85.js');
|
|
6
6
|
|
|
7
|
-
const pnQuoteCardCss = "pn-quote-card .pn-quote-card__container{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:262px;padding:0 2.4rem}pn-quote-card .pn-quote-card__quote__container{padding:0 3.2rem}pn-quote-card .pn-quote-card__quote{position:relative;font-weight:400;font-size:2rem;line-height:140%;margin:0}pn-quote-card .pn-quote-card__quote svg{position:absolute;left:-3.2rem;top:0.2rem}pn-quote-card .pn-quote-card__reference__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;gap:1.6rem;-ms-flex-align:center;align-items:center}pn-quote-card .pn-quote-card__reference__name{display:block;font-weight:400;font-size:2.4rem;line-height:2.9rem}pn-quote-card .pn-quote-card__reference__occupation{display:block;font-weight:400;font-size:1.4rem;line-height:1.7rem}pn-quote-card [slot=illustration]{padding:0}pn-quote-card [slot=illustration-big]{padding:0.8rem 0}pn-quote-card [slot=illustration],pn-quote-card [slot=illustration-big]{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture,pn-quote-card [slot=illustration-big] picture{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture img,pn-quote-card [slot=illustration-big] picture img{-webkit-clip-path:circle(50%);clip-path:circle(50%)}pn-quote-card
|
|
7
|
+
const pnQuoteCardCss = "pn-quote-card .pn-quote-card__container{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:262px;padding:0 2.4rem}pn-quote-card .pn-quote-card__quote__container{padding:0 3.2rem}pn-quote-card .pn-quote-card__quote{position:relative;font-weight:400;font-size:2rem;line-height:140%;margin:0}pn-quote-card .pn-quote-card__quote svg{position:absolute;left:-3.2rem;top:0.2rem}pn-quote-card .pn-quote-card__reference__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;gap:1.6rem;-ms-flex-align:center;align-items:center}pn-quote-card .pn-quote-card__reference__name{display:block;font-weight:400;font-size:2.4rem;line-height:2.9rem}pn-quote-card .pn-quote-card__reference__occupation{display:block;font-weight:400;font-size:1.4rem;line-height:1.7rem}pn-quote-card [slot=illustration]{padding:0}pn-quote-card [slot=illustration-big]{padding:0.8rem 0}pn-quote-card [slot=illustration],pn-quote-card [slot=illustration-big]{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture,pn-quote-card [slot=illustration-big] picture{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture img,pn-quote-card [slot=illustration-big] picture img{-webkit-clip-path:circle(50%);clip-path:circle(50%)}pn-quote-card [slot=horizontal-line],pn-quote-card [slot=vertical-line]{display:-ms-flexbox;display:flex}pn-quote-card[data-line-color=white] .pn-quote-card__section{background-color:#005D92;color:#FFFFFF}pn-quote-card[data-line-color=white] .pn-line-shape__line,pn-quote-card[data-line-color=white] .pn-line-shape__dot{border-color:#FFFFFF}pn-quote-card[data-line-color=white] .pn-quote-card__quote svg>path{fill:#FFFFFF}pn-quote-card[data-line-color=blue] .pn-quote-card__section{background-color:#FFFFFF}pn-quote-card[data-line-color=blue] .pn-line-shape__line,pn-quote-card[data-line-color=blue] .pn-line-shape__dot{border-color:#00A0D6}pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg>path{fill:#00A0D6}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__section{border-radius:2.4rem}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__container{padding:2.4rem}pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:100%;margin:0 auto}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:70%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:60%}}pn-quote-card[data-card-style=standalone] .pn-quote-card__container{min-height:unset;padding:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__container{padding:0 2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;gap:3.2rem;padding:2.4rem 1.6rem 1.6rem 1.6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{padding:2.4rem 3.2rem 1.6rem 3.2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote svg{display:block;margin-bottom:0.8rem;position:relative;top:0;left:0}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:60px;width:60px}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:90px;width:90px}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__large-photo{display:none}pn-quote-card[data-card-style=combo] .pn-quote-card__section{width:100%;margin:0 auto;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-bottom:0}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-top:10rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__container{min-height:10rem;padding-bottom:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:90%;width:100%}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:768px;width:100%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1140px;width:100%;padding:0 5.6rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1440px;width:100%;padding:0 12rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-bottom:0;padding-left:0;padding-right:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-left:2.4rem;padding-right:2.4rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2rem;padding-left:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-0.8rem;top:0.2rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0;top:0.4rem;scale:1.3}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:0;font-size:3.2rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-4.8rem;top:1rem;scale:1.4}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-6.4rem;top:1.6rem;scale:1.8}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:6rem;max-height:6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:10rem;max-height:10rem}}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] [slot=illustration]{display:none}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference{text-align:right}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{display:block;font-size:1.4rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:1.6rem}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:2rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:3.2rem;margin-bottom:1rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{display:block;font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.4rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:2rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:none}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:18rem;height:18rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big] picture>img{width:18rem;height:18rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]>picture>img{width:24rem;height:24rem}}";
|
|
8
8
|
|
|
9
9
|
const PnQuoteCard = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4199ff85.js');
|
|
6
6
|
|
|
7
|
-
const pnTeaserCardCss = ".block.teasercardblock a[data-block-clickable-link=true]{z-index:1}pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem;width:100%}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:2.4rem;line-height:2.64rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500;font-size:1.6rem;text-decoration:none;color:#005D92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg{-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;left:-0.3rem}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg path{fill:#005D92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated[target=_blank]:not(.pn-button):after{display:none}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}pn-teaser-card[data-card-color=blue]>.pn-teaser-card__container{background-color:#EFFBFF}pn-teaser-card[data-card-color=white]>.pn-teaser-card__container{background-color:#FFFFFF}@media screen and (min-width: 1200px){.onequarterwidth .pn-teaser-card__container__content__text__container__label{margin-bottom:0.8rem}}.onethirdwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image,.onequarterwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}.onethirdwidth .pn-teaser-card__container__content__cta .secondary-link--animated,.onequarterwidth .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}@media screen and (min-width: 992px){.halfwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:4rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 4rem 4rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 1640px){.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}}.fullwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{width:auto;padding-top:2.4rem}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:52rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(0.85);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated{text-decoration:underline}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated pn-icon svg{left:0}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
|
|
7
|
+
const pnTeaserCardCss = ".block.teasercardblock a[data-block-clickable-link=true]{z-index:1}pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem;width:100%}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:2.4rem;line-height:2.64rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500;font-size:1.6rem;text-decoration:none;color:#005D92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg{-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;left:-0.3rem}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg path{fill:#005D92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated[target=_blank]:not(.pn-button):after{display:none}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}pn-teaser-card[data-card-color=blue]>.pn-teaser-card__container{background-color:#EFFBFF}pn-teaser-card[data-card-color=white]>.pn-teaser-card__container{background-color:#FFFFFF}.teasercardlistblock .teasercardblock.has-bg{background-color:transparent;background:transparent}@media screen and (min-width: 1200px){.onequarterwidth .pn-teaser-card__container__content__text__container__label{margin-bottom:0.8rem}}.onethirdwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image,.onequarterwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}.onethirdwidth .pn-teaser-card__container__content__cta .secondary-link--animated,.onequarterwidth .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}@media screen and (min-width: 992px){.halfwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:4rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 4rem 4rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 1640px){.halfwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}}.fullwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container--no-image{width:auto;padding-top:2.4rem}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:52rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(0.85);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated{text-decoration:underline}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated pn-icon svg{left:0}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
|
|
8
8
|
|
|
9
9
|
const PnTeaserCard = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -16,24 +16,24 @@ pn-line-shape .pn-line-shape__dot {
|
|
|
16
16
|
border-color: #00A0D6;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
pn-line-shape[
|
|
19
|
+
pn-line-shape[slot=horizontal-line] .pn-line-shape__container {
|
|
20
20
|
flex-direction: row;
|
|
21
21
|
flex-wrap: nowrap;
|
|
22
22
|
width: 100%;
|
|
23
23
|
gap: 0.8rem;
|
|
24
24
|
padding: 2.4rem 0;
|
|
25
25
|
}
|
|
26
|
-
pn-line-shape[
|
|
26
|
+
pn-line-shape[slot=horizontal-line] .pn-line-shape__line {
|
|
27
27
|
height: 0.8rem;
|
|
28
28
|
width: 100%;
|
|
29
29
|
}
|
|
30
|
-
pn-line-shape[
|
|
30
|
+
pn-line-shape[slot=vertical-line] .pn-line-shape__container {
|
|
31
31
|
height: 100%;
|
|
32
32
|
flex-direction: column;
|
|
33
33
|
gap: 0.8rem;
|
|
34
34
|
padding: 0.8rem 0.5rem;
|
|
35
35
|
}
|
|
36
|
-
pn-line-shape[
|
|
36
|
+
pn-line-shape[slot=vertical-line] .pn-line-shape__line {
|
|
37
37
|
height: 100%;
|
|
38
38
|
width: 0.8rem;
|
|
39
39
|
}
|
|
@@ -58,17 +58,8 @@ pn-quote-card [slot=illustration-big] picture img {
|
|
|
58
58
|
clip-path: circle(50%);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
pn-quote-card
|
|
62
|
-
|
|
63
|
-
}
|
|
64
|
-
pn-quote-card[data-line-orientation=horizontal] [slot=vertical-line] {
|
|
65
|
-
display: none;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
pn-quote-card[data-line-orientation=vertical] [slot=horizontal-line] {
|
|
69
|
-
display: none;
|
|
70
|
-
}
|
|
71
|
-
pn-quote-card[data-line-orientation=vertical] [slot=vertical-line] {
|
|
61
|
+
pn-quote-card [slot=horizontal-line],
|
|
62
|
+
pn-quote-card [slot=vertical-line] {
|
|
72
63
|
display: flex;
|
|
73
64
|
}
|
|
74
65
|
|
|
@@ -95,30 +86,36 @@ pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg > path {
|
|
|
95
86
|
fill: #00A0D6;
|
|
96
87
|
}
|
|
97
88
|
|
|
98
|
-
pn-quote-card[data-card-style=
|
|
89
|
+
pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__section {
|
|
90
|
+
border-radius: 2.4rem;
|
|
91
|
+
}
|
|
92
|
+
pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__container {
|
|
93
|
+
padding: 2.4rem;
|
|
94
|
+
}
|
|
95
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__section {
|
|
99
96
|
max-width: 100%;
|
|
100
97
|
margin: 0 auto;
|
|
101
98
|
}
|
|
102
99
|
@media screen and (min-width: 992px) {
|
|
103
|
-
pn-quote-card[data-card-style=
|
|
100
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__section {
|
|
104
101
|
max-width: 70%;
|
|
105
102
|
}
|
|
106
103
|
}
|
|
107
104
|
@media screen and (min-width: 1200px) {
|
|
108
|
-
pn-quote-card[data-card-style=
|
|
105
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__section {
|
|
109
106
|
max-width: 60%;
|
|
110
107
|
}
|
|
111
108
|
}
|
|
112
|
-
pn-quote-card[data-card-style=
|
|
109
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__container {
|
|
113
110
|
min-height: unset;
|
|
114
111
|
padding: 0;
|
|
115
112
|
}
|
|
116
113
|
@media screen and (min-width: 768px) {
|
|
117
|
-
pn-quote-card[data-card-style=
|
|
114
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__container {
|
|
118
115
|
padding: 0 2.4rem;
|
|
119
116
|
}
|
|
120
117
|
}
|
|
121
|
-
pn-quote-card[data-card-style=
|
|
118
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container {
|
|
122
119
|
display: flex;
|
|
123
120
|
flex-direction: column;
|
|
124
121
|
justify-content: space-between;
|
|
@@ -126,245 +123,241 @@ pn-quote-card[data-card-style=requestquotepage] .pn-quote-card__quote__container
|
|
|
126
123
|
padding: 2.4rem 1.6rem 1.6rem 1.6rem;
|
|
127
124
|
}
|
|
128
125
|
@media screen and (min-width: 768px) {
|
|
129
|
-
pn-quote-card[data-card-style=
|
|
126
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container {
|
|
130
127
|
padding: 2.4rem 3.2rem 1.6rem 3.2rem;
|
|
131
128
|
}
|
|
132
129
|
}
|
|
133
|
-
pn-quote-card[data-card-style=
|
|
130
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__quote {
|
|
134
131
|
font-size: 1.6rem;
|
|
135
132
|
}
|
|
136
133
|
@media screen and (min-width: 992px) {
|
|
137
|
-
pn-quote-card[data-card-style=
|
|
134
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__quote {
|
|
138
135
|
font-size: 2rem;
|
|
139
136
|
}
|
|
140
137
|
}
|
|
141
|
-
pn-quote-card[data-card-style=
|
|
138
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__quote svg {
|
|
142
139
|
display: block;
|
|
143
140
|
margin-bottom: 0.8rem;
|
|
144
141
|
position: relative;
|
|
145
142
|
top: 0;
|
|
146
143
|
left: 0;
|
|
147
144
|
}
|
|
148
|
-
pn-quote-card[data-card-style=
|
|
145
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img {
|
|
149
146
|
height: 60px;
|
|
150
147
|
width: 60px;
|
|
151
148
|
}
|
|
152
149
|
@media screen and (min-width: 992px) {
|
|
153
|
-
pn-quote-card[data-card-style=
|
|
150
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img {
|
|
154
151
|
height: 90px;
|
|
155
152
|
width: 90px;
|
|
156
153
|
}
|
|
157
154
|
}
|
|
158
|
-
pn-quote-card[data-card-style=
|
|
155
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name {
|
|
159
156
|
font-size: 1.6rem;
|
|
160
157
|
}
|
|
161
158
|
@media screen and (min-width: 992px) {
|
|
162
|
-
pn-quote-card[data-card-style=
|
|
159
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name {
|
|
163
160
|
font-size: 2.4rem;
|
|
164
161
|
}
|
|
165
162
|
}
|
|
166
|
-
pn-quote-card[data-card-style=
|
|
163
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation {
|
|
167
164
|
font-size: 1.2rem;
|
|
168
165
|
}
|
|
169
166
|
@media screen and (min-width: 992px) {
|
|
170
|
-
pn-quote-card[data-card-style=
|
|
167
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation {
|
|
171
168
|
font-size: 1.4rem;
|
|
172
169
|
}
|
|
173
170
|
}
|
|
174
|
-
pn-quote-card[data-card-style=
|
|
171
|
+
pn-quote-card[data-card-style=standalone] .pn-quote-card__large-photo {
|
|
175
172
|
display: none;
|
|
176
173
|
}
|
|
177
174
|
|
|
178
|
-
pn-quote-card[data-card-style=
|
|
175
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__section {
|
|
179
176
|
width: 100%;
|
|
180
177
|
margin: 0 auto;
|
|
181
178
|
padding-top: 4rem;
|
|
182
179
|
padding-bottom: 4rem;
|
|
183
180
|
}
|
|
184
181
|
@media screen and (min-width: 992px) {
|
|
185
|
-
pn-quote-card[data-card-style=
|
|
182
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__section {
|
|
186
183
|
padding-bottom: 0;
|
|
187
184
|
}
|
|
188
185
|
}
|
|
189
186
|
@media screen and (min-width: 1200px) {
|
|
190
|
-
pn-quote-card[data-card-style=
|
|
187
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__section {
|
|
191
188
|
padding-top: 10rem;
|
|
192
189
|
}
|
|
193
190
|
}
|
|
194
|
-
pn-quote-card[data-card-style=
|
|
191
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__container {
|
|
195
192
|
min-height: 10rem;
|
|
196
193
|
padding-bottom: 0;
|
|
197
194
|
}
|
|
198
195
|
@media screen and (min-width: 768px) {
|
|
199
|
-
pn-quote-card[data-card-style=
|
|
196
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__container {
|
|
200
197
|
max-width: 90%;
|
|
201
198
|
width: 100%;
|
|
202
|
-
/* background-color: green; */
|
|
203
199
|
}
|
|
204
200
|
}
|
|
205
201
|
@media screen and (min-width: 992px) {
|
|
206
|
-
pn-quote-card[data-card-style=
|
|
202
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__container {
|
|
207
203
|
max-width: 768px;
|
|
208
204
|
width: 100%;
|
|
209
|
-
/* background-color: rebeccapurple; */
|
|
210
205
|
}
|
|
211
206
|
}
|
|
212
207
|
@media screen and (min-width: 1200px) {
|
|
213
|
-
pn-quote-card[data-card-style=
|
|
208
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__container {
|
|
214
209
|
max-width: 1140px;
|
|
215
210
|
width: 100%;
|
|
216
211
|
padding: 0 5.6rem;
|
|
217
|
-
/* background-color: hotpink; */
|
|
218
212
|
}
|
|
219
213
|
}
|
|
220
214
|
@media screen and (min-width: 1640px) {
|
|
221
|
-
pn-quote-card[data-card-style=
|
|
215
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__container {
|
|
222
216
|
max-width: 1440px;
|
|
223
217
|
width: 100%;
|
|
224
218
|
padding: 0 12rem;
|
|
225
|
-
/* background-color: red; */
|
|
226
219
|
}
|
|
227
220
|
}
|
|
228
|
-
pn-quote-card[data-card-style=
|
|
221
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container {
|
|
229
222
|
padding-bottom: 0;
|
|
230
223
|
padding-left: 0;
|
|
231
224
|
padding-right: 0;
|
|
232
225
|
}
|
|
233
226
|
@media screen and (min-width: 768px) {
|
|
234
|
-
pn-quote-card[data-card-style=
|
|
227
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container {
|
|
235
228
|
padding-left: 2.4rem;
|
|
236
229
|
padding-right: 2.4rem;
|
|
237
230
|
}
|
|
238
231
|
}
|
|
239
|
-
pn-quote-card[data-card-style=
|
|
232
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote {
|
|
240
233
|
font-size: 2rem;
|
|
241
234
|
padding-left: 2.4rem;
|
|
242
235
|
}
|
|
243
|
-
pn-quote-card[data-card-style=
|
|
236
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg {
|
|
244
237
|
left: -0.8rem;
|
|
245
238
|
top: 0.2rem;
|
|
246
239
|
}
|
|
247
240
|
@media screen and (min-width: 768px) {
|
|
248
|
-
pn-quote-card[data-card-style=
|
|
241
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote {
|
|
249
242
|
padding-left: 4rem;
|
|
250
243
|
}
|
|
251
|
-
pn-quote-card[data-card-style=
|
|
244
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg {
|
|
252
245
|
left: 0;
|
|
253
246
|
}
|
|
254
247
|
}
|
|
255
248
|
@media screen and (min-width: 992px) {
|
|
256
|
-
pn-quote-card[data-card-style=
|
|
249
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote {
|
|
257
250
|
font-size: 2.4rem;
|
|
258
251
|
}
|
|
259
|
-
pn-quote-card[data-card-style=
|
|
252
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg {
|
|
260
253
|
left: 0;
|
|
261
254
|
top: 0.4rem;
|
|
262
255
|
scale: 1.3;
|
|
263
256
|
}
|
|
264
257
|
}
|
|
265
258
|
@media screen and (min-width: 1200px) {
|
|
266
|
-
pn-quote-card[data-card-style=
|
|
259
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote {
|
|
267
260
|
padding-left: 0;
|
|
268
261
|
font-size: 3.2rem;
|
|
269
262
|
}
|
|
270
|
-
pn-quote-card[data-card-style=
|
|
263
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg {
|
|
271
264
|
left: -4.8rem;
|
|
272
265
|
top: 1rem;
|
|
273
266
|
scale: 1.4;
|
|
274
267
|
}
|
|
275
268
|
}
|
|
276
269
|
@media screen and (min-width: 1640px) {
|
|
277
|
-
pn-quote-card[data-card-style=
|
|
270
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote {
|
|
278
271
|
font-size: 4rem;
|
|
279
272
|
}
|
|
280
|
-
pn-quote-card[data-card-style=
|
|
273
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg {
|
|
281
274
|
left: -6.4rem;
|
|
282
275
|
top: 1.6rem;
|
|
283
276
|
scale: 1.8;
|
|
284
277
|
}
|
|
285
278
|
}
|
|
286
|
-
pn-quote-card[data-card-style=
|
|
279
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__reference__container {
|
|
287
280
|
flex-direction: row-reverse;
|
|
288
281
|
}
|
|
289
|
-
pn-quote-card[data-card-style=
|
|
282
|
+
pn-quote-card[data-card-style=combo] [slot=illustration] picture > img {
|
|
290
283
|
max-width: 6rem;
|
|
291
284
|
max-height: 6rem;
|
|
292
285
|
}
|
|
293
286
|
@media screen and (min-width: 768px) {
|
|
294
|
-
pn-quote-card[data-card-style=
|
|
287
|
+
pn-quote-card[data-card-style=combo] [slot=illustration] picture > img {
|
|
295
288
|
max-width: 10rem;
|
|
296
289
|
max-height: 10rem;
|
|
297
290
|
}
|
|
298
291
|
}
|
|
299
292
|
@media screen and (min-width: 1140px) {
|
|
300
|
-
pn-quote-card[data-card-style=
|
|
293
|
+
pn-quote-card[data-card-style=combo] [slot=illustration] {
|
|
301
294
|
display: none;
|
|
302
295
|
}
|
|
303
296
|
}
|
|
304
|
-
pn-quote-card[data-card-style=
|
|
297
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__reference {
|
|
305
298
|
text-align: right;
|
|
306
299
|
}
|
|
307
|
-
pn-quote-card[data-card-style=
|
|
300
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name {
|
|
308
301
|
display: block;
|
|
309
302
|
font-size: 1.4rem;
|
|
310
303
|
}
|
|
311
304
|
@media screen and (min-width: 768px) {
|
|
312
|
-
pn-quote-card[data-card-style=
|
|
305
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name {
|
|
313
306
|
font-size: 1.6rem;
|
|
314
307
|
}
|
|
315
308
|
}
|
|
316
309
|
@media screen and (min-width: 992px) {
|
|
317
|
-
pn-quote-card[data-card-style=
|
|
310
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name {
|
|
318
311
|
font-size: 2rem;
|
|
319
312
|
}
|
|
320
313
|
}
|
|
321
314
|
@media screen and (min-width: 1640px) {
|
|
322
|
-
pn-quote-card[data-card-style=
|
|
315
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name {
|
|
323
316
|
font-size: 3.2rem;
|
|
324
317
|
margin-bottom: 1rem;
|
|
325
318
|
}
|
|
326
319
|
}
|
|
327
|
-
pn-quote-card[data-card-style=
|
|
320
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation {
|
|
328
321
|
display: block;
|
|
329
322
|
font-size: 1.2rem;
|
|
330
323
|
}
|
|
331
324
|
@media screen and (min-width: 992px) {
|
|
332
|
-
pn-quote-card[data-card-style=
|
|
325
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation {
|
|
333
326
|
font-size: 1.4rem;
|
|
334
327
|
}
|
|
335
328
|
}
|
|
336
329
|
@media screen and (min-width: 1640px) {
|
|
337
|
-
pn-quote-card[data-card-style=
|
|
330
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation {
|
|
338
331
|
font-size: 2rem;
|
|
339
332
|
}
|
|
340
333
|
}
|
|
341
|
-
pn-quote-card[data-card-style=
|
|
334
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo {
|
|
342
335
|
display: none;
|
|
343
336
|
}
|
|
344
337
|
@media screen and (min-width: 1140px) {
|
|
345
|
-
pn-quote-card[data-card-style=
|
|
338
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo {
|
|
346
339
|
display: block;
|
|
347
340
|
}
|
|
348
|
-
pn-quote-card[data-card-style=
|
|
341
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo > [slot=illustration-big] {
|
|
349
342
|
width: 18rem;
|
|
350
343
|
height: 18rem;
|
|
351
344
|
}
|
|
352
|
-
pn-quote-card[data-card-style=
|
|
345
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo > [slot=illustration-big] picture > img {
|
|
353
346
|
width: 18rem;
|
|
354
347
|
height: 18rem;
|
|
355
348
|
}
|
|
356
349
|
}
|
|
357
350
|
@media screen and (min-width: 1640px) {
|
|
358
|
-
pn-quote-card[data-card-style=
|
|
351
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo {
|
|
359
352
|
display: block;
|
|
360
353
|
width: 24rem;
|
|
361
354
|
height: 24rem;
|
|
362
355
|
}
|
|
363
|
-
pn-quote-card[data-card-style=
|
|
356
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo > [slot=illustration-big] {
|
|
364
357
|
width: 24rem;
|
|
365
358
|
height: 24rem;
|
|
366
359
|
}
|
|
367
|
-
pn-quote-card[data-card-style=
|
|
360
|
+
pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo > [slot=illustration-big] > picture > img {
|
|
368
361
|
width: 24rem;
|
|
369
362
|
height: 24rem;
|
|
370
363
|
}
|
|
@@ -12,8 +12,8 @@ const TemplateQuoteCardQuotePage = ({ ...args }) => {
|
|
|
12
12
|
return `<pn-breakpoints></pn-breakpoints>
|
|
13
13
|
|
|
14
14
|
<div id="bs-col" margin:0 auto">
|
|
15
|
-
<pn-quote-card quote="${args.quote}" name="${args.name}" occupation="${args.occupation}" data-line-color="blue" data-
|
|
16
|
-
<pn-line-shape
|
|
15
|
+
<pn-quote-card quote="${args.quote}" name="${args.name}" occupation="${args.occupation}" data-line-color="blue" data-card-style="standalone">
|
|
16
|
+
<pn-line-shape slot="vertical-line"></pn-line-shape>
|
|
17
17
|
<div slot="illustration">
|
|
18
18
|
<picture>
|
|
19
19
|
<img height="105" src="${args.photoUrl}" />
|
|
@@ -24,8 +24,8 @@ const TemplateQuoteCardQuotePage = ({ ...args }) => {
|
|
|
24
24
|
</div>
|
|
25
25
|
|
|
26
26
|
<div id="bs-col" margin:0 auto">
|
|
27
|
-
<pn-quote-card quote="${args.quote}" name="${args.name}" occupation="${args.occupation}" data-line-color="white" data-
|
|
28
|
-
<pn-line-shape
|
|
27
|
+
<pn-quote-card quote="${args.quote}" name="${args.name}" occupation="${args.occupation}" data-line-color="white" data-card-style="standalone">
|
|
28
|
+
<pn-line-shape slot="vertical-line"></pn-line-shape>
|
|
29
29
|
<div slot="illustration">
|
|
30
30
|
<picture>
|
|
31
31
|
<img height="105" src="${args.photoUrl}" />
|
|
@@ -53,8 +53,8 @@ const TemplateQuoteCardStartPage = ({ ...args }) => {
|
|
|
53
53
|
<div id="view-port-width" style="margin:0 auto; background-color:gray" >
|
|
54
54
|
<div id="bs-container-bleed" >
|
|
55
55
|
|
|
56
|
-
<pn-quote-card quote="${args.quote}" name="${args.name}" occupation="${args.occupation}" data-line-color="white" data-
|
|
57
|
-
<pn-line-shape
|
|
56
|
+
<pn-quote-card quote="${args.quote}" name="${args.name}" occupation="${args.occupation}" data-line-color="white" data-card-style="combo">
|
|
57
|
+
<pn-line-shape slot="horizontal-line"></pn-line-shape>
|
|
58
58
|
<div slot="illustration">
|
|
59
59
|
<picture>
|
|
60
60
|
<img height="105" src="${args.photoUrl}" />
|
|
@@ -112,6 +112,11 @@ pn-teaser-card[data-card-color=white] > .pn-teaser-card__container {
|
|
|
112
112
|
background-color: #FFFFFF;
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
+
.teasercardlistblock .teasercardblock.has-bg {
|
|
116
|
+
background-color: transparent;
|
|
117
|
+
background: transparent;
|
|
118
|
+
}
|
|
119
|
+
|
|
115
120
|
@media screen and (min-width: 1200px) {
|
|
116
121
|
.onequarterwidth .pn-teaser-card__container__content__text__container__label {
|
|
117
122
|
margin-bottom: 0.8rem;
|