/*
 * Copyright (C) 2012 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@import 'base/environment';

.tree {
  @include fontSize(12px);
  &, ul {
    @include reset-list;
  }
  ul { margin-#{direction(left)}: 8px; }
  li a {
    padding-bottom: 2px;
    display: flex;
    white-space: nowrap;
    &.active { background-color: $activeBG; }
  }
  li[aria-selected="true"] > a {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration: none;
  }
  .preview-thumbnail-holder {
    display: inline-block;
    width: 42px;
    height: 42px;
    padding-#{direction(right)}: 6px;
    .preview-thumbnail {
      max-width: 100%;
      max-height: 100%;
    }
  }
  .icon-folder:before, .icon-folder-locked:before {
    @include fontSize(11px);
    padding-#{direction(right)}: $ic-sp/2;
    vertical-align: middle;
  }

  i[class*=icon-], i[class^=icon-] { color: $ic-font-color-dark }

  .icon-mini-arrow-right { transition: transform 0.2s }
  .expanded .icon-mini-arrow-right:before { transform: rotate(90deg) }
}
