Links List

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

.block-links-list {
	padding-top: rem-calc(80);
	padding-bottom: rem-calc(80);
	background-color: rgba($veryLightBlue, 0.5);

	.heading {
		@include fluid-type(24, 34);
	}

	.e-links-list__link {
		&:after {
			position: relative;
			display: inline-block;
			top: auto;
			right: auto;
			margin-left: rem-calc(10);
		}
	}

	&.bg-darkblue {
		.heading {
			color: $white;
		}
	}
}

// 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();