/*
 * Copyright 2017-2021 EPAM Systems, Inc. (https://www.epam.com/)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

@import "variables";

.cp-versioned-storage-breadcrumb {
  cursor: pointer;
  transition: all 0.2s ease;
  line-height: 20px;
  padding: 5px;
  margin: 0 -5px;
}

.cp-versioned-storage-breadcrumb:not(.last):hover {
  color: @primary-color;
}

.cp-versioned-storage-breadcrumb.last {
  cursor: default;
}

.cp-versioned-storage-table-header {
  border-color: @card-border-color;
  background-color: @card-background-color;
  color: @application-color;
}

.cp-storage-deleted-row {
  background-color: @deleted-row-accent;
  cursor: default;
}

.cp-git-diff-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
  border-bottom: 1px solid @card-border-color;
}

.cp-branch-code-line-numbers {
  background-color: fadeout(@application-background-color, 40%);
  border-color: @panel-border-color;
}

.cp-branch-code-resize {
  background-color: fadeout(@application-background-color, 40%);
}

.cp-conflicts-resolve-area-container {
  background-color: @card-background-color;
}

.cp-conflicts-divider {
  background-color: fadeout(@card-border-color, 40%);
}

.cp-conflict-action {
  color: @application-color;
}

.cp-conflict-action:hover,
.cp-conflict-action:focus,
.cp-conflict-action:active {
  color: @application-color-accent;
}

.cp-conflict-scroller {
  background-color: fade(@application-color, 10%);
}

.cp-conflict-scroller .bar {
  background-color: fade(@application-color, 25%);
}

.cp-conflict-scroller:hover .bar,
.cp-conflict-scroller .bar:hover,
.cp-conflict-scroller .bar.hovered {
  background-color: fade(@application-color, 50%);
}
