@uiw/react-md-editor/esm/components/Toolbar/Child.less

A markdown editor with preview, implemented with React.js and TypeScript.

@md-editor:~ "w-md-editor";

.@{md-editor} {
  &-toolbar-child {
    position: absolute;
    border-radius: 3px;
    box-shadow: 0 0 0 1px var(--color-border-default), 0 0 0 var(--color-border-default),
      0 1px 1px var(--color-border-default);
    background-color: var(--color-canvas-default);
    z-index: 1;
    display: none;
    &.active {
      display: block;
    }
    .@{md-editor}-toolbar {
      border-bottom: 0;
      padding: 3px;
      border-radius: 3px;
      ul > li {
        display: block;
        button {
          width: -webkit-fill-available;
          height: initial;
          box-sizing: border-box;
          padding: 3px 4px 2px 4px;
          margin: 0;
        }
      }
    }
  }
}