matrix-dimension/web/app/admin/admin.component.scss

@import "../../style/themes/themes";

@include themifyComponent() {
  .adminNav {
    margin: 32px 0 0;
    width: 200px;
    padding: 0;
    position: fixed;
    top: 100px;
    left: 0;
    bottom: 0;
    background-color: themed(adminBgColor);
  }

  .adminNav li {
    list-style: none;
    background-color: themed(adminBgColor);
    border-left: 5px solid themed(adminBgColor);
    padding: 5px 5px 5px 11px;
    color: themed(adminFgColor);
    opacity: 0.5;
    cursor: pointer;
  }

  .adminNav li:hover,
  .adminNav li.active {
    opacity: 1;
    background-color: themed(adminHoverColor);
    border-left: 5px solid themed(adminHoverColor);
  }

  .adminNav li.active {
    border-left: 5px solid themed(adminAccentColor);
  }

  .adminContent {
    margin-top: 32px;
    position: fixed;
    top: 85px;
    left: 200px;
    bottom: 0;
    right: 0;
    padding: 15px;
    overflow: auto;
  }

  .version {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 200px;
    text-align: center;
    color: themed(adminVersionColor);
    font-size: 11px;
    font-family: monospace;
  }
}