Business Model Canvas experiment
3 years ago in CSS
.roam-block-container[data-page-links*="rm-bmc"] .rm-block-children {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-gap: 10px;
}
.roam-block-container[data-page-links*="rm-bmc"] .rm-block-children .controls,
.roam-block-container[data-page-links*="rm-bmc"] .rm-block-children .rm-multibar {
display: none;
}
.roam-block-container[data-page-links*="rm-bmc"] .rm-block-children > .rm-block {
padding: 5px;
border-radius: 5px;
background-color: darkgrey;
}
.roam-block-container[data-page-links*="rm-bmc"] .rm-block-children > .rm-block:nth-of-type(2) {
grid-column: 1/1;
grid-row: 1/3;
background-color: red;
}
.roam-block-container[data-page-links*="rm-bmc"] .rm-block-children > .rm-block:nth-of-type(4) {
grid-column: 3/3;
grid-row: 1 / 3;
background-color: red;
}
.roam-block-container[data-page-links*="rm-bmc"] .rm-block-children > .rm-block:nth-of-type(6) {
grid-column: 5/5;
grid-row: 1 / 3;
background-color: red;
}
.roam-block-container[data-page-links*="rm-bmc"] .rm-block-children > .rm-block:nth-of-type(9) {
grid-column: 1 / 3;
grid-row: 3 / 3;
background-color: red;
}
.roam-block-container[data-page-links*="rm-bmc"] .rm-block-children > .rm-block:nth-of-type(10) {
grid-column: 3 / 6;
grid-row: 3 / 3;
background-color: red;
}