Ontica/Empiria.Land.Intranet

View on GitHub
src/app/main-layout/main-layout.component.scss

Summary

Maintainability
Test Coverage
/**
 * @license
 * Copyright (c) La Vía Óntica SC, Ontica LLC and contributors. All rights reserved.
 *
 * See LICENSE.txt in the project root for complete license information.
 */

@import '../../styles/variables', '../../styles/mixins';

@import 'top-bar/top-bar.component.scss';

$margin-size: 16px;

.main-layout {
  @include column;

  height: 100%;
  margin: 0;
}

.mat-sidenav-container,
.mat-sidenav-content,
.mat-sidenav {
  @include expand;

  overflow: hidden;
}

.top-bar {
  display: none;
  color: $text-color-dark;
  padding: $margin-size;
  height: $toolbar-item-size;
}

.content {
  @include column;
}

.workarea {
  @include expand;

  height: calc(100vh - 212px);
}

.sidenav-left {
  max-width: 90%;
}

.sidenav-right {
  max-width: 90%;
}

.btn-collapse-sidenav-right {
  position: fixed;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  bottom: 0;
  margin-left: calc((#{$margin-size} + #{$toolbar-item-size}) * -1);
  margin-bottom: $margin-size;
}