@import "../../resources/scss/util/variables";
@import "../../resources/scss/util/mixins";
.block-example {
&__wrapper{
padding: 2rem;
background: #f2f2f2;
border-top: 1rem solid #de7c00;
h1 {
margin-bottom: 1rem;
font-weight: 700;
}
ol {
li {
margin-bottom: 1rem;
&:last-of-type {
margin-bottom: 0;
}
}
}
}
}
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();
This component is not currently used on any pages.