@gate-layout-content: doreamonjs-design-gate-layout-content;

.@{gate-layout-content}.content {
  position: relative;

  .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;

    iframe {
      border: 0;
      width: 100%;
      height: 100%;
    }
  }

  .body {
    padding: 24px;
    // padding-bottom: 0;

    // @TODO fix blank layout body height 0
    position: relative;
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .@{gate-layout-content}.content .body {
    width: 100vw;
  }
}