//
// Copyright (c) Tiny Technologies, Inc. All rights reserved.
// Licensed under the LGPL or a commercial license.
// For LGPL see License.txt in the project root for license information.
// For commercial licenses see https://www.tiny.cloud/
//

.tinymce-mobile-toolbar-group {
  .mixin-flex-bar;

  flex-shrink: 1;

  & > div {
    .mixin-flex-bar;

    flex: 1;
  }

  &.tinymce-mobile-exit-container {
    background: #f44336;
  }

  &.tinymce-mobile-toolbar-scrollable-group {
    // Allow the scrollable group to fill all the space between the edge groups
    flex-grow: 1;
  }

  .tinymce-mobile-toolbar-group-item {
    padding-left: @toolstrip-button-horizontal-padding;
    padding-right: @toolstrip-button-horizontal-padding;

    &.tinymce-mobile-toolbar-button {
      align-items: center;
      display: flex;
      height: 80%;
      margin-left: 2px;
      margin-right: 2px;

      &.tinymce-mobile-toolbar-button-selected {
        background: @toolstrip-button-selected-background-color;
        color: @toolstrip-button-selected-color;
      }
    }
  }
}

.tinymce-mobile-toolbar-group:first-of-type,
.tinymce-mobile-toolbar-group:last-of-type {
  background: @toolstrip-dark-background-color;
  color: @toolstrip-dark-color;
}