obsidian canvas diamond shape

canvas_diamond.css

.canvas-node-container:has(.diamond) {
  transform:rotate(42deg);
  overflow: visible;
  contain: none;
  position: absolute;
  width: 150px;
  height: 150px;
}

.canvas-node-content:has(.diamond) { 
  will-change: transform;
  text-align: center;
  position: relative;
  margin: 0 auto;
}


.canvas-node-content:has(.diamond) p { 
  transform: rotate(-45deg) translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center center;
  text-align: center;
  white-space: nowrap;
}

canvas_node.md

cssclass
diamond

some text