Ticket/InsdepUI/plugin/cropper-2.3.4/src/scss/_main.scss

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

// Cropper
// =========================

.cropper-container {
  position: relative;
  font-size: 0;
  line-height: 0;
  direction: ltr !important; // Ignore global rtl
  user-select: none;
  touch-action: none;

  img {
    // Avoid margin top issue (Occur only when margin-top <= -height)
    display: block;

    // https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation
    image-orientation: 0deg !important;

    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    @include square(100%);
  }
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  @include opacity(0);
}

.cropper-modal {
  background-color: #000;
  @include opacity(.5);
}

.cropper-view-box {
  display: block;
  overflow: hidden;
  outline: 1px solid $color-brand;
  outline-color: rgba($color-brand, .75);
  @include square(100%);
}