

.#{$ns}MilkdownControl {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 178px;
  border: 1px solid rgba(134,147,160,.5);
  &.is-focused, &:hover {
    border-color: #338fe5;
  }
  &.is-disabled{

  }

  &>div{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    .milkdown-menu-wrapper{
      width: 100%;
      height: 100%;
      .milkdown{
        height: calc(100% - 36px);
        overflow: auto;
        .ProseMirror{
          height: 100%;
          min-height: 140px;
        }
      }
    }
  }
}



.milkdown-menu-wrapper{
  .milkdown-menu {
    border: none;
    border-bottom: 1px solid rgba(216, 222, 233, 1);
    & > button{
      padding: 2px !important;
      margin: 2px !important;
      width: 24px !important;
      height: 24px !important;
      span{
        font-size: 18px !important;
      }
    }

    .menu-selector{
      padding: 2px !important;
      margin: 2px !important;
      height: 24px !important;
      span{
        font-size: 15px !important;
      }
    }

    .divider{
      margin: 6px 10px !important;
      min-height: 20px !important;
    }

    .menu-selector-list{
      width: 168px !important;
      button{
        padding: 0px !important;
      }
    }
  }

}

.milkdown{

  box-shadow: none !important;
  .editor{
    padding: 8px !important;

    & > *{
      margin: 0px !important;
    }

    p{
      font-size: 14px !important;
    }

    .heading{
      margin: 10px 0 !important;
      font-weight: 700 !important;
    }

    h1{
      font-size: 26px !important;
    }

    h2{
      font-size: 22px !important;
    }
    h3{
      font-size: 18px !important;
    }
    h4{
      font-size: 16px !important;
    }
    h5{
      font-size: 14px !important;
    }

    td,th{
      height: 35px !important;
    }
  }

  .code-fence{
    padding: 10px 6px !important;

    .code-fence_selector{
      height: 25px !important;
      box-shadow: none !important;
      margin-bottom: 10px !important;
    }
    .code-fence_selector-list{
      top: 26px !important;
    }
  }
}
