weseek__growi/apps/app/src/styles/mixins/_editing.scss

/**
 * USAGE:
 * @include at-editing() {
 *   .component-class {
 *     visibility: hidden;
 *   }
 * }
 *
 * outputs: .layout-root.editing .component-class_LOCAL_ID { visibility: hidden; }
 */
@mixin at-editing() {
  :global {
    .layout-root.editing {
      :local {
        @content;
      }
    }
  }
}

/**
 * USAGE:
 * .component-class {
 *   @include with-editing() {
 *     visibility: hidden;
 *   }
 * }
 *
 * outputs: .component-class_LOCAL_ID.layout-root.editing { visibility: hidden; }
 */

@mixin with-editing() {
  &:global {
    &.layout-root.editing {
      @content;
    }
  }
}