jiapuapp/styles/adaptive-frame-profiles.scss

@mixin adaptive-auth-dialog {
  box-sizing: border-box;
  border-width: 48rpx 34rpx 72rpx;
  border-style: solid;
  border-color: transparent;
  border-image-source: url("/static/assets/modules/auth/transparent/dialog-scroll.png");
  border-image-slice: 260 240 360 240 fill;
  border-image-width: 48rpx 34rpx 72rpx;
  border-image-repeat: stretch;
}

@mixin adaptive-scroll-button($type) {
  box-sizing: border-box;
  border-width: 10rpx 26rpx;
  border-style: solid;
  border-color: transparent;
  border-image-slice: 56 300 fill;
  border-image-width: 10rpx 26rpx;
  border-image-repeat: stretch;

  @if $type == secondary {
    border-image-source: url("/static/assets/foundation/transparent/scroll-secondary.png");
  } @else {
    border-image-source: url("/static/assets/foundation/transparent/scroll-primary.png");
  }
}

@mixin adaptive-feedback-toast {
  box-sizing: border-box;
  border-width: 16rpx 74rpx;
  border-style: solid;
  border-color: transparent;
  border-image-source: url("/static/assets/foundation/transparent/scroll-toast.png");
  border-image-slice: 58 280 fill;
  border-image-width: 16rpx 74rpx;
  border-image-repeat: stretch;
}

@mixin adaptive-genealogy-current-slip {
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image-source: url("/static/assets/modules/genealogy/transparent/current-slip-frame.png");
  border-image-slice: 24 24 60 24 fill;
  border-image-width: 12rpx 12rpx 30rpx;
  border-image-repeat: stretch;
}

@mixin adaptive-genealogy-list-card {
  box-sizing: border-box;
  border-width: 18rpx 24rpx;
  border-style: solid;
  border-color: transparent;
  border-image-source: url("/static/assets/modules/genealogy/transparent/list-slip-frame.png");
  border-image-slice: 24 32;
  border-image-width: 18rpx 24rpx;
  border-image-repeat: stretch;
}

@mixin adaptive-genealogy-state-panel {
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image-source: url("/static/assets/modules/genealogy/transparent/empty-panel-frame.png");
  border-image-slice: 84 70 360 70 fill;
  border-image-width: 42rpx 28rpx 180rpx;
  border-image-repeat: stretch;
}

@mixin adaptive-genealogy-form-field {
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image-source: url("/static/assets/modules/genealogy/transparent/form-field-frame.png");
  border-image-slice: 70 100 fill;
  border-image-width: 12rpx 16rpx;
  border-image-repeat: stretch;
}

@mixin adaptive-genealogy-overview-surface {
  @include adaptive-asset-frame(
    "/static/assets/modules/genealogy/opaque/overview-surface.png",
    120 100 fill,
    42rpx 36rpx
  );
}

@mixin adaptive-genealogy-search-field {
  @include adaptive-asset-frame(
    "/static/assets/modules/genealogy/opaque/search-input-wide.png",
    70 100 fill,
    12rpx 16rpx
  );
}

@mixin adaptive-genealogy-search-action {
  @include adaptive-asset-frame(
    "/static/assets/modules/genealogy/opaque/search-button.png",
    36 64 fill,
    12rpx 20rpx
  );
}

@mixin adaptive-genealogy-add-sheet {
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image-source: url("/static/assets/modules/genealogy/transparent/add-sheet-background.png");
  border-image-slice: 220 0 1 0 fill;
  border-image-width: 118rpx 0 1rpx;
  border-image-repeat: stretch;
}

@mixin adaptive-genealogy-switcher {
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image-source: url("/static/assets/modules/auth/transparent/dialog-scroll.png");
  border-image-slice: 300 260 360 260 fill;
  border-image-width: 110rpx 48rpx 132rpx 48rpx;
  border-image-repeat: stretch;
}

@mixin adaptive-asset-frame($source, $slice, $width, $layout-border: 1px) {
  box-sizing: border-box;
  border-width: $layout-border;
  border-style: solid;
  border-color: transparent;
  border-image-source: url($source);
  border-image-slice: $slice;
  border-image-width: $width;
  border-image-repeat: stretch;
}

@mixin adaptive-family-content {
  @include adaptive-asset-frame(
    "/static/assets/modules/family/transparent/module-content-frame.png",
    105 150 fill,
    18rpx 20rpx
  );
}

@mixin adaptive-family-panel {
  @include adaptive-asset-frame(
    "/static/assets/modules/family/transparent/module-content-frame.png",
    72 fill,
    64rpx,
    20rpx
  );
}

@mixin adaptive-family-field {
  @include adaptive-asset-frame(
    "/static/assets/modules/family/transparent/module-field-frame.png",
    70 100 fill,
    12rpx 16rpx
  );
}

@mixin adaptive-family-letter {
  @include adaptive-asset-frame(
    "/static/assets/modules/family/transparent/family-letter-card.png",
    105 150 fill,
    18rpx 20rpx
  );
}

@mixin adaptive-notification-content {
  @include adaptive-asset-frame(
    "/static/assets/modules/notification/transparent/notice-card.png",
    105 150 fill,
    18rpx 20rpx
  );
}

@mixin adaptive-profile-content {
  @include adaptive-asset-frame(
    "/static/assets/modules/profile/transparent/module-content-frame.png",
    105 150 fill,
    18rpx 20rpx
  );
}

@mixin adaptive-profile-field {
  @include adaptive-asset-frame(
    "/static/assets/modules/profile/transparent/module-field-frame.png",
    70 100 fill,
    12rpx 16rpx
  );
}

@mixin adaptive-profile-summary {
  @include adaptive-asset-frame(
    "/static/assets/modules/profile/transparent/summary-card.png",
    105 150 fill,
    18rpx 20rpx
  );
}

@mixin adaptive-records-content {
  @include adaptive-asset-frame(
    "/static/assets/modules/records/transparent/module-content-frame.png",
    105 150 fill,
    18rpx 20rpx
  );
}

@mixin adaptive-records-field {
  @include adaptive-asset-frame(
    "/static/assets/modules/records/transparent/module-field-frame.png",
    70 100 fill,
    12rpx 16rpx
  );
}

@mixin adaptive-records-person {
  @include adaptive-asset-frame(
    "/static/assets/modules/records/transparent/person-name-card.png",
    105 150 fill,
    18rpx 20rpx
  );
  padding: 28rpx 64rpx;
}

@mixin adaptive-tree-panel {
  @include adaptive-asset-frame(
    "/static/assets/modules/tree/transparent/state-panel.png",
    105 150 fill,
    18rpx 20rpx
  );
}

@mixin adaptive-tree-field {
  @include adaptive-asset-frame(
    "/static/assets/modules/tree/transparent/search-input-frame.png",
    70 100 fill,
    12rpx 16rpx
  );
}