.takeaway-master-container { &.color0 { .takeaway-imagecontainer { background-color: transparent; } } &.color1 { .takeaway-imagecontainer { background: #724cf9; } } &.color2 { .takeaway-imagecontainer { background: #65be83; } } &.color3 { .takeaway-imagecontainer { background: #ef5684; } } &.color4 { .takeaway-imagecontainer { background: #c1b7df; } } &.color5 { .takeaway-imagecontainer { background: #18E3FF; } } &.color6 { .takeaway-imagecontainer { background: #FFAC19; } } &.color7 { .takeaway-imagecontainer { background: #FC574E; } } &.color7 { .takeaway-imagecontainer { background: #151721; } } &.color8 { .takeaway-imagecontainer { background: #FFFFFF; } } } //General helper Classes - that might only exist through custom properties //this is to avoid them getting deleted on tidy up css button .contain-image { object-fit: contain; } .flipped { transform: scaleX(-1); } .drop-shadow { filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.26)); //box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px 2px; } .v3-large { //set for a larger image container in general highlights component width:400px; height: 400px; } //use these 2 classes to reduce container-1440 top and bottom padding. //e.g for text-block component .container-padding-top-40 { padding-top: 40px!important; } .container-padding-bottom-40 { padding-bottom: 40px!important; } .container-padding-top-20 { padding-top: 20px!important; } .container-padding-bottom-20 { padding-bottom: 20px!important; } .general-highlight-container-1440 { h5 { font-size: 22px!important; color: var(--pip-mauve); font-weight: 700!important; line-height: 1.2em!important; } h6 { font-size: 16px!important; color: var(--pip-mauve); line-height: 1.2em!important; font-weight: 500!important; } } //richtext block // .rich-text-block-container, .rich-text-block-blog { // h4 { // color: var(--pip-mauve); // //font-family: var(--title-font-family); // //font-weight: 700!important; // } // h3 { // color: var(--pip-mauve); // //font-family: var(--title-font-family); // // font-weight: 700!important; // } // h2 { // color: var(--pip-mauve); // //font-family: var(--title-font-family); // // font-weight: 700!important; // } // h1 { // color: var(--pip-mauve); // //font-family: var(--title-font-family); // //font-weight: 700!important; // } // h5 { // color: var(--pip-mauve); // font-family: var(--title-font-family); // font-size: 22px!important; // color: var(--pip-mauve); // //font-weight: 700!important; // line-height: 1.2em!important; // } // h6 { // color: var(--pip-mauve); // // font-family: var(--title-font-family); // font-size: 16px!important; // color: var(--pip-mauve); // line-height: 1.2em!important; // font-weight: 500!important; // } // } // .rich-text-block-blog { // h2, h3, h4, h5 { // margin-top: 46px; // margin-bottom: 10px; // } // .h3 {font-size: 20px!important;} // .h4 {font-size: 18px!important;} // } .grey-background { background: var(--offwhite-background); } //blog category colors .blog-category { &.blue {color: #039BE5;} &.red {color: #D75855;} &.pink {color: #E93673;} &.purple {color: #7E57C2;} &.green {color: #4CA04F;} &.orange {color:#FF5722;} &.yellow {color:#FFC107;} } .blog-preview-block-title-copy, .article-list-link{ display: -webkit-box; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
Select an eBook
Call Recording For UK Rail Industry
Rail ebook 4 the mobile voice network
