Ontica/Empiria.Land.Intranet

/**
 * @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';

$margin-size: 16px;
$margin-size-border: 16px;
$margin-size-small: 8px;
$min-width-left: 430px;
$min-width-right: 430px;

.nav-bar {
  @include row;

  min-height: 68px;
  overflow: visible;
  justify-content: space-between;
  align-items: center;
  color: $text-color-dark;
  background: white;

  .left-section {
    @include row;

    width: auto;
    min-width: $min-width-left;
    align-items: center;
    white-space: nowrap;
    margin: 0 $margin-size 0 $margin-size-border;
  }

  .main-menu {
    margin: 0 $margin-size;
  }

  .right-section {
    min-width: $min-width-right;
    margin: 0 $margin-size-border 0 $margin-size;
  }

  @media only screen and (max-width: 1140px) {
    .left-section {
      min-width: auto;
      margin: 0 $margin-size-small;
    }

    .main-menu {
      margin: 0;
    }

    .right-section {
      min-width: auto;
      margin: 0 $margin-size-small;
    }
  }
}