zx-editor/src/css/link-form.styl

ZxEditor is a HTML5 rich text editor

@import "./config.styl"
//linkinput-wrapper
.zxeditor-container
  .zxeditor-linkinput-wrapper
    display: flex;
    position: fixed;
    z-index: $zIndex + 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    justify-content: center;
    align-items: center;
    .linkinput-wrapper
      width: 80%;
      background-color: #fefefe;
      border-radius: 4px;
      overflow: hidden;
      .linkinput-title
        height: 3.5em;
        line-height: 3.5em;
        text-align: center;
      .linkinput-group
        display: flex;
        flex-direction: column;
        margin: 0 10px;
        border: 1px solid $borderColor;
        border-radius: 3px;
        background-color: #fff;
        box-sizing: border-box;
        .link-input
          position: relative;
          display: block;
          margin: 0 5px;
          height: 40px;
          line-height: 40px;
          border: 0;
          outline: none;
          &:first-child
            border-bottom: 1px solid $borderColor;
          &::placeholder
            color: $gray;
      .linkinput-footer
        display: flex;
        justify-content: space-between;
        margin: 1em 10px;
        button
          display: inline-block;
          height: 40px;
          line-height: 40px;
          width: 47%;
          text-align: center;
          background-color: #fff;
          border: 1px solid $borderColor;
          border-radius: 3px;
          letter-spacing: 2px;
          box-sizing: border-box;
          //&.submit-hook
          //  color: $primaryColor;
          &.disabled
            color: $borderColor;