/*
 * Copyright (C) 2016 - 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 "./context_modules2.scss";

.cmp-wrapper {
  h2 {
    margin-bottom: 50px;
  }
}

.cmp-option {
  &.item-group-container {
    padding-bottom: 0;
    margin-top: 20px;
  }

  &.cmp-option__disabled {
    opacity: .5;
  }

  .context_module {
    margin-bottom: 0;
  }
}

.cmp-assignment,
.item-group-container .ig-list li.cpm-assignment {
  margin-bottom: -1px;

  .ig-header {
    display: flex;
    align-items: center;
  }

  .ig-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .item_name {
    color: $ic-font-color-dark;
    font-weight: bold;
  }

  .ig-details__item {
    strong {
      margin-#{direction(right)}: 5px;
    }

    span:last-child {
      &:after {
        content: "\00a0\00a0|\00a0\00a0";
      }
    }

    &:last-of-type {
      span:last-child {
        &:after {
          content: '';
        }
      }
    }
  }

  .type_icon {
    margin-#{direction(left)}: 5px;

    i {
      color: $ic-color-light;
    }
  }
}

.cmp-button {
  float: direction(right);
  margin-top: -10px;

  &.cmp-button__selected,
  &.cmp-button__disabled {
    border: none;
    margin-top: 0;
    padding: 0 15px;
    cursor: default;
  }

  &.cmp-button__disabled {
    background: $ic-color-medium-darker;
  }
}
