substance/packages/overlay/_overlay.css

Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.

.sc-overlay { z-index: 200; position: absolute; }

.sc-overlay .sc-tool-group { display: inline-block; }
.sc-overlay .sc-tool-group .sc-button { margin: 0px 1px; }

.sc-overlay.sm-hidden { visibility: hidden; left: 0px; top: 0px; }

.sc-overlay.sm-theme-dark {}

.sc-overlay.sm-theme-dark::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 8px 4px;
  border-color: transparent transparent var(--dark-bg-color) transparent;
}

.sc-overlay.sm-theme-dark > .se-active-tools {
  border-radius: 3px;
  background: var(--dark-bg-color);
  display: flex;
  flex-wrap: nowrap;
  padding: 2px;
}

.sc-overlay > .se-active-tools .sc-tool-group {
  flex: 0 0 0;
  display: flex;
}

.sc-overlay > .se-active-tools .sc-tool-group .sc-button {
  flex: 0 0 0;
  margin: 2px;
}

.sc-overlay > .se-active-tools .sc-tool-dropdown .sc-button {
  margin: 2px;
}