FRONTEND_MVC/assets/less/layouts/desktop/header.less

@import "stories";
header {
    #js-header-bottom-id {
      &.fixed {
        position: fixed;
        top: 0;
        z-index: 99999;
        width: 100%;
      }
    }
}
  header{
    position: relative;
    padding: 10px 0;
    #stories{
      display: none;
      &.stories{
        display: block;
      }
    }
    .stories_cont{
      display: flex;
      height: 100%;
      align-items: center;
    }
    .header-center__info{
      color: #5a748b;
      align-items: center;
      display: flex;
      height: 100%;
      &-link{
        white-space: nowrap;
        color: #3b9b00;
        line-height: 22px;
        &_down{
          color: #ad0000;
        }
      }
    }
    .header-comments__item:not(:last-child){
      margin-bottom: 8px;
    }
    .header-comments__title{
      margin-bottom: 5px;
      font-size: 12px;
      line-height: 17px;
      color: #a8a8a8;
      text-transform: uppercase;
      letter-spacing: .1em;
    }
    .header-comments-item__bottom, .header-comments-item__text{
      line-height: 16px;
      max-height: 32px;
      overflow: hidden;
      font-size: 12px;
    }
    .header-comments-item__bottom{
      display: flex;
      justify-content: space-between;
      color: #a8a8a8;
      .header-comments-item__title{
        max-width: 355px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
      .header-comments-item__time{
        white-space: nowrap;
      }
    }
    .header__bottom{
      background-color: white;
      .header-bottom__wrapper{
        display: flex;
        justify-content: space-between;
        padding: 15px 0 13px;
        .header-bottom__main{
          display: flex;
          align-items: center;
          .header-bottom__logo{
            margin-right: 32px;
          }
          .header-bottom__nav{
            margin: 0 42px 0 53px;
            .header-nav{
              .header-nav__list{
                display: flex;
                list-style: none;
                margin: 0;
                .header-nav__item:not(:last-child) {
                  margin-right: 23px;
                }
                .header-nav__link {
                  font: 700 12px/14px "Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Ubuntu,Arial,sans-serif;
                  text-transform: uppercase;
                  letter-spacing: .065em;
                }
              }
            }
          }
        }
        .header-bottom__side{
          display: flex;
          .header-bottom__buttons{
            display: flex;
            align-items: center;
            .header-bottom__button:not(:last-child) {
              margin-right: 15px;
            }
          }
        }
      }
    }
    #stories{
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
      &::-webkit-scrollbar {
        display: none;
      }
    }
  }