/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/

@import "../style/themecolors.scss";
@import "../style/typography";
@import "../style/variables";

div.core-settings-container {
  display: flex;
  box-sizing: border-box;
  height: 100%;
  width: 100%;

  *, *:before, *:after {
    box-sizing: inherit;
  }

  .core-settings-container-left {
    min-width: 15em;
    height: 100%;
    overflow: auto;
    >.uicore-tabs-vertical {
      font-size: 16px;
    }
  }
  .core-settings-container-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: var(--buic-background-dialog);
    align-content: center;

    .core-settings-container-right-header {
      display: flex;
      width: 100%;
      height: ($uicore-font-size-title * 2);
      font-size: $uicore-font-size-title;
      font-weight: $uicore-font-weight-semibold;
      padding-left: 15px;
      align-items: center;

      .core-settings-container-main-sub-header {
        position: relative;
        padding-left: 20px;

        &::before {
          content: "-";
          position: absolute;
          left: 10px;
          transform: translateX(-50%);
        }
      }
    }

    .core-settings-container-right-contents {
      display: flex;
      width: 100%;
      height: 100%;
      overflow: auto;
    }
  }
}