<commit_before>/* Copyright 2015 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

:host {
  @apply(--downloads-shared-style);
  display: flex;
  margin: 32px 0;
}

:host([hide-date]) {
  margin-top: -16px;
}

#date-container,
#end-cap {
  flex: 1 0 var(--downloads-side-column-basis);
}

#date-container > * {
  color: #616161;
  font-size: 107.69%;
  font-weight: bold;
}

:host([hide-date]) #date-container {
  visibility: hidden;
}

#content {
  background: white;
  border-radius: 2px;  /* TODO(dbeam): why does this differ from Polymer? */
  display: flex;
  flex: none;
  width: var(--downloads-item-width);
}

#content.no-file {
  background: rgba(255, 255, 255, .5);
}

.no-file .icon-wrapper:not(#remove-wrapper),
.no-file #details {
  opacity: .5;
}

#details {
  -webkit-border-start: 1px #d8d8d8 solid;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px 16px 12px 16px;
}

.icon-wrapper {
  align-self: center;
  flex: none;
  justify-content: center;<commit_msg>MD downloads: incorporate UX sync feedback<commit_after>/* Copyright 2015 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

:host {
  @apply(--downloads-shared-style);
  display: flex;
  margin: 32px 0;
}

:host([hide-date]) {
  margin-top: -16px;
}

#date-container,
#end-cap {
  flex: 1 0 var(--downloads-side-column-basis);
}

#date-container > * {
  color: #616161;
  font-size: 107.69%;
  font-weight: bold;
}

:host([hide-date]) #date-container {
  visibility: hidden;
}

#content {
  background: white;
  border-radius: 2px;  /* TODO(dbeam): why does this differ from Polymer? */
  display: flex;
  flex: none;
  min-height: 96px;
  width: var(--downloads-item-width);
}

#content.no-file {
  background: rgba(255, 255, 255, .5);
}

.no-file .icon-wrapper:not(#remove-wrapper),
.no-file #details {
  opacity: .5;
}

#details {
  -webkit-border-start: 1px #d8d8d8 solid;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px 16px 12px 16px;
}

.icon-wrapper {
  align-self: center;
  flex: none;
  justify-content: center;
{'fraction_non_alphanumeric': 0.15618027666220438, 'fraction_numerical': 0.0428380187416332, 'mean_word_length': 3.457256461232604, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 7, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6336806', 'n_tokens_mistral': 924, 'n_tokens_neox': 831, 'n_words': 222}