similiquedicta
Version:
A Plugin Architecture on top of Draft.JS
37 lines (33 loc) • 682 B
CSS
.toolbar {
left: 50%;
transform: translate(-50%) scale(0);
position: absolute;
border: 1px solid #111;
background: #333;
border-radius: 4px;
box-shadow: 0px 1px 3px 0px rgba(220,220,220,1);
z-index: 2;
box-sizing: border-box;
}
.toolbar:after, .toolbar:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.toolbar:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #333;
border-width: 4px;
margin-left: -4px;
}
.toolbar:before {
border-color: rgba(221, 221, 221, 0);
border-top-color: #111;
border-width: 6px;
margin-left: -6px;
}