ze-react-component-library/lib/components/CodeViewer/index.less

ZeroETP React Component Library

.ze-code-viewer {
  height: 100%;
  position: relative;
  > pre {
    height: 100%;
    overflow-y: auto;
    border-radius: 2px;
    margin-bottom: 0;
    padding: 0 !important;
    > code {
      padding-top: 1em;
      padding-bottom: 1em;
    }
  }
  .ze-code-viewer-copy {
    position: absolute;
    right: 4px;
    top: 4px;
    @size: 24px;
    width: @size;
    height: @size;
    text-align: center;
    line-height: @size;
    cursor: pointer;
    border-radius: 2px;
    &:hover {
      background: rgba(#000, 0.6);
      * {
        color: white;
      }
    }
  }
  .ze-code-viewer-edit{
    .ze-code-viewer-copy();
    right: 32px;
  }
}