JSFiddle - React, Tailwind, and code Playground

by artgas_pro

HTML

<div class="block"></div>

CSS

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 100px;
}

.block {
  --border: 2px solid black;
  --size: 70px;
  width: 150px;
  height: 150px;
  transform: rotate(90deg) scaleY(2);
}

.block::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: var(--border);
  transform: rotate(45deg);
}