Components
53
Accordion Items Animated Gallery Basic Hero Basic Map Case Studies Feed Case Studies Hero Case Study Hero Case Study Slider Column Content Content Grid Content Image Content Slider Cta Cta Blocks Embed Block Enriched Accordion Error Event Feed Example Features Slider Full Width Image Hero Full Width Media Image And Form Image Content Image Split Content Image Stats Logo Slider Map Post Feed Pricing Publications Feed Simple Accordion Simple Header Simple Hero Solutions Animated Block Split Content Split Content Carousel Split Content Content Split Content Post Split Content Pricing Split Content Video Split Image Hero Stats Slider Team Carousel Team Hero Team Listing Testimonial Case Study Timeline Trivia Bar Two Column Rich Text Vacancies Table Video Video Expand

Two Column Rich Text

View example

The Task

What motivated Willmott Dixon to start using the Carbon Calculator across the supply chain?

Within our sustainability strategy, ‘Now or Never’, we have set a target for our supply chain to be net zero carbon in operation by 2040. Historically it has been challenging to access data from our supply chain, so the Carbon Calculator helps us to get this data into a single, accessible tool that is easy to navigate.

How has the Carbon Calculator enabled positive sustainable change in your organisation?

The Carbon Calculator has improved our ability to analyse our suppliers’ performance by giving us the data to start to measure our supply chain’s carbon impacts.

Once we are measuring, we can then work with our supply chain to identify and implement carbon reduction initiatives to start making progress towards this target. For example, we can examine the size of carbon emissions related to diesel use on-site by our groundworks suppliers and identify the extent of reductions possible if they all switched to HVO or fully electric plant.

There are no ACF fields assigned to this component.

				
@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";

.block-two-column-rich-text {
    padding-top: clamp(40px, 8vw, 140px);
	padding-bottom: clamp(40px, 8vw, 140px);
    color: var(--text-color);

    &__left-col {
        @include bp($md) {
            display: flex;
            flex-direction: column;
        }
    }

    .heading-wrapper {
        margin-bottom: auto;
        
        @include bp($md) {
            padding-bottom: 3rem;
        }
    }

	.heading {
        font-family: 'Montserrat';
        font-size: clamp(24px, 3vw, 44px);
        font-weight: 600;
        line-height: 52.8px;
    }

    &__list {
        margin-bottom: 1rem;

        @include bp($md) {
            padding-right: 1rem;
        }

        @include bp($xl) {
            padding-right: 33%;
        }
    }

    &__subtitle {
        font-family: Montserrat;
        font-size: clamp(16px, 1.5vw, 22px);
        font-weight: 600;
        line-height: 26.4px;
    }

    .content-wrapper {
        @include bp($lg) {
            p {
                font-size: rem-calc(22);
            }
        }
    }

    &__stats {
        margin-top: 2rem;
        /* 2 column grid */
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;

        @include bp($md) {
            gap: 2.5rem;
        }

        @include bp($lg) {
            margin-top: 3.5rem;
            gap: 3.5rem;
        }
    }

    .sticky {
        position: sticky;
        top: var(--site-header-height);
    }
}
class TwoColumnRichText {
	block;

	constructor(block) {
		this.block = block;
		this.init();
	}

	init() {
		/* Swiper Example
		this.swiperElem = this.block.querySelector('.swiper');
		this.swiper = new Swiper(this.swiperElem, {
			pagination: {
				el: '.swiper-pagination',
				clickable: true,
				type: 'custom',
			},
			navigation: {
				nextEl: '.swiper-button-next',
				prevEl: '.swiper-button-prev'
			},
		}); 
		*/
	}
}

document.addEventListener('DOMContentLoaded', () => {
	document.querySelectorAll('.block-two-column-rich-text').forEach((block) => {
		new TwoColumnRichText(block);
	})
});
{
    "$schema": "https://schemas.wp.org/trunk/block.json",
    "apiVersion": 2,
    "name": "strategiq/two-column-rich-text",
    "title": "Two Column Rich Text",
    "description": "Example block to be used as a template",
    "category": "strategiq",
    "icon": "strategiq",
    "acf": {
        "mode": "preview",
        "renderTemplate": "block-two-column-rich-text.php"
    },
    "supports": {
        "anchor": true,
        "align": false,
        "color": {
            "background": false,
            "text": false,
            "gradients": false
        },
        "spacing": {
            "padding": [
                "top",
                "bottom"
            ],
            "margin": [
                "top",
                "bottom"
            ]
        }
    },
    "example": {
        "attributes": {
            "mode": "preview",
            "data": {
                "heading_type": "h2",
                "heading_text": "Example - Two Column Rich Text",
                "content": "This is some example content to represent what the content will look like"
            }
        }
    },
    "style": "file:../../assets/css/two-column-rich-text/block-two-column-rich-text.css"
}
Page Title
Page Type
Page URL
Keepmoat Homes Aligns Sustainable Procurement Processes Through Full ISO20400 Evaluation
case-studies
Amtico Improves Strategic Direction Through Double Materiality Assessment
case-studies
HS2 Transforms Internal EDI Practices With the Diversity Tool
case-studies
Canary Wharf Group Accurately Captures Scope 3 Emissions with Carbon Calculator
case-studies
Grosvenor Improves Supply Chain Partnerships with Sustainability Tool
case-studies
BAM Achieves Greater Transparency and Supplier Engagement with Carbon Calculator
case-studies
National Highways Drives Diversity and Inclusion with Diversity Tool
case-studies
Protec Advances Sustainability Initiatives with Holistic Sustainability Strategy
case-studies
There are is no readme file with this component.