JSFiddle - React, Tailwind, and code Playground

by thelifeisyours

HTML

<div id="fullWindowButton">
  <div id="fullWindowButton-inner"></div>
</div>

CSS

body {
  background: #272727;
}

#fullWindowButton {
  background: white;
  height: 42px;
  width: 42px;
  
  clip-path:polygon(0px 0px, 14px 0px, 14px 14px, );
}
/* 
#fullWindowButton-inner{
  background: green;
  
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  
  width: 32px;
  height: 32px;
}

#fullWindowButton-inner::before {
  content: " ";
  background: blue;
  
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  
  height: 42px;
  width: 12px;
}

#fullWindowButton-inner::after {
  content: " ";
  background: red;
  
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  
  height: 12px;
  width: 42px;
}

 */