<commit_before>// Copyright 2016 Google Inc. All Rights Reserved.
//
// 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 "@material/ripple/mixins";
@import "@material/rtl/mixins";
@import "@material/theme/mixins";
@import "@material/typography/mixins";
@import "@material/typography/variables";

$mdc-list-side-padding: 16px;

// Sets the width and height of a detail element to the specified dimension.
@mixin mdc-list-detail-size_($size) {
  width: $size;
  height: $size;
}

// Sets the width and height of the start detail element, as well as calculates the margins for
// the start detail element such that the text is always offset by 72px, which is defined within
// the spec.
@mixin mdc-list-start-detail-size_($size) {
  $text-offset: 72px;
  $side-padding: $mdc-list-side-padding;
  $margin-value: $text-offset - $side-padding - $size;

  @include mdc-list-detail-size_($size);
  @include mdc-rtl-reflexive-box(margin, right, $margin-value, ".mdc-list-item");
}

// postcss-bem-linter: define list

.mdc-list {
  @include mdc-typography(subheading2);
  @include mdc-theme-prop(color, text-primary-on-background);

  @include mdc-theme-dark {
    @include mdc-theme-prop(color, text-primary-on-dark);
  }

  margin: 0;
  padding: 8px $mdc-list-side-padding 0;

  // According to the mocks and stickersheet, the line-height is adjusted to 24px for text content,
  // same as for subheading1.
  line-height: map-get(map-get($mdc-typography-styles, subheading1), line-height);
  list-style-type: none;
}

.mdc-list--dense {
  padding-top: 4px;
  font-size: .812rem;
}

// postcss-bem-linter: end

// postcss-bem-linter: define list-item

.mdc-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 48px;

  &__start-detail {
    @include mdc-list-start-detail-size_(24px);
  }

  &__end-detail {
    @include mdc-list-detail-size_(24px);
    @include mdc-rtl-reflexive-property(margin, auto, $mdc-list-side-padding, ".mdc-list-item");
  }

  &__text {
    display: inline-flex;
    flex-direction: column;

    &__secondary {
      @include mdc-typography(body1);
      @include mdc-theme-prop(color, text-secondary-on-background);

      @include mdc-theme-dark {
        @include mdc-theme-prop(color, text-secondary-on-dark);
      }

      // Match the font size to the primary text when dense
      // stylelint-disable plugin/selector-bem-pattern
      .mdc-list--dense & {
        font-size: inherit;
      }
      // stylelint-enable plugin/selector-bem-pattern
    }
  }

  // stylelint-disable plugin/selector-bem-pattern
  .mdc-list--dense & {
    height: 40px;

    &__start-detail {
      @include mdc-list-start-detail-size_(20px);<commit_msg>fix(list): Correct list end detail padding (#909)<commit_after>// Copyright 2016 Google Inc. All Rights Reserved.
//
// 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 "@material/ripple/mixins";
@import "@material/rtl/mixins";
@import "@material/theme/mixins";
@import "@material/typography/mixins";
@import "@material/typography/variables";

$mdc-list-side-padding: 16px;

// Sets the width and height of a detail element to the specified dimension.
@mixin mdc-list-detail-size_($size) {
  width: $size;
  height: $size;
}

// Sets the width and height of the start detail element, as well as calculates the margins for
// the start detail element such that the text is always offset by 72px, which is defined within
// the spec.
@mixin mdc-list-start-detail-size_($size) {
  $text-offset: 72px;
  $side-padding: $mdc-list-side-padding;
  $margin-value: $text-offset - $side-padding - $size;

  @include mdc-list-detail-size_($size);
  @include mdc-rtl-reflexive-box(margin, right, $margin-value, ".mdc-list-item");
}

// postcss-bem-linter: define list

.mdc-list {
  @include mdc-typography(subheading2);
  @include mdc-theme-prop(color, text-primary-on-background);

  @include mdc-theme-dark {
    @include mdc-theme-prop(color, text-primary-on-dark);
  }

  margin: 0;
  padding: 8px $mdc-list-side-padding 0;

  // According to the mocks and stickersheet, the line-height is adjusted to 24px for text content,
  // same as for subheading1.
  line-height: map-get(map-get($mdc-typography-styles, subheading1), line-height);
  list-style-type: none;
}

.mdc-list--dense {
  padding-top: 4px;
  font-size: .812rem;
}

// postcss-bem-linter: end

// postcss-bem-linter: define list-item

.mdc-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 48px;

  &__start-detail {
    @include mdc-list-start-detail-size_(24px);
  }

  &__end-detail {
    @include mdc-list-detail-size_(24px);
    @include mdc-rtl-reflexive-property(margin, auto, 0, ".mdc-list-item");
  }

  &__text {
    display: inline-flex;
    flex-direction: column;

    &__secondary {
      @include mdc-typography(body1);
      @include mdc-theme-prop(color, text-secondary-on-background);

      @include mdc-theme-dark {
        @include mdc-theme-prop(color, text-secondary-on-dark);
      }

      // Match the font size to the primary text when dense
      // stylelint-disable plugin/selector-bem-pattern
      .mdc-list--dense & {
        font-size: inherit;
      }
      // stylelint-enable plugin/selector-bem-pattern
    }
  }

  // stylelint-disable plugin/selector-bem-pattern
  .mdc-list--dense & {
    height: 40px;

    &__start-detail {
      @include mdc-list-start-detail-size_(20px);
{'fraction_non_alphanumeric': 0.1328573645817166, 'fraction_numerical': 0.012106161725904082, 'mean_word_length': 3.2339027595269383, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '4497214', 'n_tokens_mistral': 2201, 'n_tokens_neox': 2102, 'n_words': 577}