Cta Bar

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

.block-cta-bar {
	background-color: $navy;
	color: $white;
	padding: rem-calc(24 0);

	.single-post &,
	.single-news & {
		background-color: $blue;
	}

	.heading {
		color: $white;
		margin-bottom: 0;
		@include fluid-type(24, 32);
		margin-bottom: rem-calc(10);

		@include bp($lg) {
			margin-bottom: rem-calc(0);
		}
	}

	&__link {
		color: $white;
		font-weight: 700;
		text-decoration: none;
		@include fluid-type(20, 28);
		transition: all 0.3s ease-out;

		&:before {
			width: rem-calc(40);
			height: rem-calc(40);
		}

		&:hover {
			color: $orange;
		}
	}
}

// class Example {
// 	/**
// 	 * Create and initialise objects of this class
// 	 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/constructor
// 	 * @param {object} block
// 	 */
// 	constructor() {
// 		this.blocks = document.querySelectorAll('.block-example');
// 		this.init();
// 	}

// 	/**
// 	 * Example function to run class logic
// 	 * Can access `this.block`
// 	 */
// 	init() {
// 		this.blocks.forEach((block) => {
// 			console.log("🚀 ~ file: Example.js ~ line 20 ~ Example ~ init ~ this.block", block);
// 		});
// 	}
// }

// new Example();