ten-design-vue/theme/docs/container.less

ten-vue

.container__demo {
  overflow: hidden;
  background-color: #F6F6F6;
  height: 400px;
  margin-bottom: 20px;

  &:last-child {
    margin-bottom: 0;
  }

  .ten-aside {
    background-color: #FFFFFF;
    box-shadow: 3px 3px 8px 2px rgba(216, 216, 216, 0.5);
    color: #000000;
    display: flex;
    flex-direction: column;
    z-index: 1;

    &--right {
      background-color: #E8E8E8;
      box-shadow: none;
    }

    .aside-logo {
      height: 72px;
      padding: 24px;
      border-bottom: 1px solid #F0F0F0;
      color: #0052D9;
      font-weight: 500;
    }

    p {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }

  .ten-main {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
  }

  .ten-header {
    background-color: #0052D9;
    color: #FFFFFF;

    .header-logo {
      height: 72px;
      padding: 24px;
      color: #FFFFFF;
      font-weight: 500;
    }
  }

  .ten-footer {
    background-color: #FFFFFF;
  }
}