<commit_before>/*
 * 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/>.
 */

.toolbar {
  padding: $contentBoxPadding / 2;
  @include fontSize($ic-font-size--small);
  line-height: $baseLineHeight;
  .header { @include fontSize($ic-font-size--medium); }
}

// List View
/* .list-view-a11y-left-menu-flag supersedes this based on a11y_left_menu
   release flag. After release, ADMIN-2778 will switch back to .list-view
   name with new CSS.
 */
.list-view {
  overflow: auto;
  & > header,
  // oldskool compat
  #section-tabs-header {
    @include fontSize($ic-font-size--small);
    font-weight: bold;
    margin: 0 0 $ic-sp/2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #section-tabs-header-subtitle {
    display: block;
    @include fontSize(11px);
    font-style: italic;
    color: inherit;
  }

  & > *:first-child {
    border-top: 0 !important; // oldskool important
  }

  & > ul,
  // oldskool overrides
  & > nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;

    & > li {
      padding: 0;
      & > a {
        display: block;
        text-decoration: none;
        color: $ic-font-color-dark;
        border-radius: $baseBorderRadius;
        padding: ($ic-sp - 4) $ic-sp;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        line-height: $ic-label-line-height;

        @if $use_high_contrast {
          text-decoration: underline;
        }

        &:hover, &:focus {
          background: lighten($ic-color-neutral, 5%);
        }

        & > span {
          white-space: nowrap;
        }
      }

      &:last-child > a {
        border-bottom: 0;
      }
    }
  }

  // lists w/o headers still need a strong border
  & > ul + ul {
    border-top: 1px solid $ic-border-light;
  }

  a.active {
    background-color: var(--ic-brand-primary);
    font-weight: bold;
    color: $ic-color-light;

    // offset focus ring so it doesn't blend in with background
    &:focus { @include ic-focus-variant($offset: 0.0625rem); }

    &:hover, &:focus { background-color: var(--ic-brand-primary); }
    .nav-badge {
      background: $ic-color-light;
      color: var(--ic-brand-primary);
    }
  }
}

.list-view-a11y-left-menu-flag {
  overflow: auto;
  & > header,
  // oldskool compat
  #section-tabs-header {
    @include fontSize($ic-font-size--small);
    font-weight: bold;
    margin: 0 0 $ic-sp/2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #section-tabs-header-subtitle {
    display: block;
    @include fontSize(11px);
    font-style: italic;
    color: inherit;
  }

  & > *:first-child {
    border-top: 0 !important; // oldskool important
  }

  & > nav.theme-preview {
    padding: 3px;
  }

  & > ul,
  // oldskool overrides
  & > nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;

    & > li {
      padding: 0;
      & > a {
        display: block;
        text-decoration: none;
        border-radius: $baseBorderRadius;
        padding: ($ic-sp - 4) 0 ($ic-sp - 4) $ic-sp;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        line-height: $ic-label-line-height;

        @if $use_high_contrast {
          text-decoration: underline;
        }

        &:hover {
          text-decoration: underline;
          @if $use_high_contrast {
            text-decoration: none;
          }
        }
        &:focus {
          @include ic-focus-variant($offset: 0.0625rem);
          outline-width: 2px;
          outline-style: solid;
        }

        & > span {
          white-space: nowrap;
        }
      }

      &:last-child > a {
        border-bottom: 0;
      }
    }
  }

  // lists w/o headers still need a strong border
  & > ul + ul {
    border-top: 1px solid $ic-border-light;
  }

  a.active {
    border-#{direction(left)}: 2px solid $ic-color-dark;
    border-radius: 0px;
    font-weight: bold;
    color: $ic-color-dark;
    padding-#{direction(left)}: ($ic-sp - 2);

    .nav-badge {
      background: $ic-color-light;
      color: var(--ic-brand-primary);
    }
  }
}

.image-block {
  display: flex;
  min-width: 1px;

  .image-block-content {
    flex: 1;
    min-width: 1px;
    padding-#{direction(left)}: $ic-sp;<commit_msg>fix icon wrapping in new course menu<commit_after>/*
 * 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/>.
 */

.toolbar {
  padding: $contentBoxPadding / 2;
  @include fontSize($ic-font-size--small);
  line-height: $baseLineHeight;
  .header { @include fontSize($ic-font-size--medium); }
}

// List View
/* .list-view-a11y-left-menu-flag supersedes this based on a11y_left_menu
   release flag. After release, ADMIN-2778 will switch back to .list-view
   name with new CSS.
 */
.list-view {
  overflow: auto;
  & > header,
  // oldskool compat
  #section-tabs-header {
    @include fontSize($ic-font-size--small);
    font-weight: bold;
    margin: 0 0 $ic-sp/2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #section-tabs-header-subtitle {
    display: block;
    @include fontSize(11px);
    font-style: italic;
    color: inherit;
  }

  & > *:first-child {
    border-top: 0 !important; // oldskool important
  }

  & > ul,
  // oldskool overrides
  & > nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;

    & > li {
      padding: 0;
      & > a {
        display: block;
        text-decoration: none;
        color: $ic-font-color-dark;
        border-radius: $baseBorderRadius;
        padding: ($ic-sp - 4) $ic-sp;
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        line-height: $ic-label-line-height;

        @if $use_high_contrast {
          text-decoration: underline;
        }

        &:hover, &:focus {
          background: lighten($ic-color-neutral, 5%);
        }

        & > span {
          white-space: nowrap;
        }
      }

      &:last-child > a {
        border-bottom: 0;
      }
    }
  }

  // lists w/o headers still need a strong border
  & > ul + ul {
    border-top: 1px solid $ic-border-light;
  }

  a.active {
    background-color: var(--ic-brand-primary);
    font-weight: bold;
    color: $ic-color-light;

    // offset focus ring so it doesn't blend in with background
    &:focus { @include ic-focus-variant($offset: 0.0625rem); }

    &:hover, &:focus { background-color: var(--ic-brand-primary); }
    .nav-badge {
      background: $ic-color-light;
      color: var(--ic-brand-primary);
    }
  }
}

.list-view-a11y-left-menu-flag {
  overflow: auto;
  & > header,
  // oldskool compat
  #section-tabs-header {
    @include fontSize($ic-font-size--small);
    font-weight: bold;
    margin: 0 0 $ic-sp/2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #section-tabs-header-subtitle {
    display: block;
    @include fontSize(11px);
    font-style: italic;
    color: inherit;
  }

  & > *:first-child {
    border-top: 0 !important; // oldskool important
  }

  & > nav.theme-preview {
    padding: 3px;
  }

  & > ul,
  // oldskool overrides
  & > nav > ul {
    list-style: none;
    margin: 0;
    padding: 0;

    & > li {
      padding: 0;
      & > a {
        display: block;
        text-decoration: none;
        border-radius: $baseBorderRadius;
        padding: ($ic-sp - 4) 0 ($ic-sp - 4) ($ic-sp / 2);
        overflow-wrap: break-word;
        word-wrap: break-word;
        hyphens: auto;
        line-height: $ic-label-line-height;

        @if $use_high_contrast {
          text-decoration: underline;
        }

        &:hover {
          text-decoration: underline;
          @if $use_high_contrast {
            text-decoration: none;
          }
        }
        &:focus {
          @include ic-focus-variant($offset: 0.0625rem);
          outline-width: 2px;
          outline-style: solid;
        }

        & > span {
          white-space: nowrap;
        }
      }

      &:last-child > a {
        border-bottom: 0;
      }
    }
  }

  // lists w/o headers still need a strong border
  & > ul + ul {
    border-top: 1px solid $ic-border-light;
  }

  a.active {
    border-#{direction(left)}: 2px solid $ic-color-dark;
    border-radius: 0px;
    font-weight: bold;
    color: $ic-color-dark;
    padding-#{direction(left)}: ($ic-sp / 2 - 2);

    .nav-badge {
      background: $ic-color-light;
      color: var(--ic-brand-primary);
    }
  }
}

.image-block {
  display: flex;
  min-width: 1px;

  .image-block-content {
    flex: 1;
    min-width: 1px;
    padding-#{direction(left)}: $ic-sp;
{'fraction_non_alphanumeric': 0.13438735177865613, 'fraction_numerical': 0.01256714300192561, 'mean_word_length': 2.0731859233883525, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 47, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4544079', 'n_tokens_mistral': 3452, 'n_tokens_neox': 3291, 'n_words': 837}