<commit_before>/**
 *    Copyright (c) ppy Pty Ltd <<EMAIL>>.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed 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 osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.news-post-preview {
  @top: news-post-preview;

  .default-box-shadow();
  margin-bottom: 5px;

  &--collapsed {
    margin-bottom: 0px;
    box-shadow: none;
  }

  &__body {
    display: flex;
    background: @osu-colour-b4;
  }

  &__image {
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: 50%;
    display: block;
    background-color: @osu-colour-b6;
    .@{top}--collapsed & {
      display: none;
    }
  }

  &__post-date {
    flex: 0 0 60px;
    border-right: 1px solid @osu-colour-l1;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: @osu-colour-l1;
    padding-right: 10px;
    overflow: hidden;
    text-align: right;

    .@{top}--collapsed & {
      flex-direction: row;
      justify-content: flex-end;
      align-items: baseline;
      margin: 0px 10px;
      padding: 5px 10px;
    }
  }

  &__date {
    font-size: @font-size--title-small-3;
    font-weight: 800;
    .@{top}--collapsed & {
      font-size: @font-size--title-small;
      font-weight: bold;
    }
  }

  &__month-year {
    font-size: @font-size--small-2;
    .@{top}--collapsed & {
      font-size: @font-size--title-small;
    }
  }

  &__post-right {
    margin-right: @font-size--small;
    .@{top}--collapsed & {
      display: flex;
      align-items: center;
    }
  }

  &__post-title {
    display: block;
    color: white;
    .link-hover({ color: white });
    font-size: @font-size--title-small-3;
    margin: 5px 0px 10px 0px;
    font-weight: bold;

    .@{top}--collapsed & {
      margin: 0px;
      font-size: @font-size--title-small;
    }
  }

  &__post-content {
    .content-font();
    font-size: @font-size--normal;

    .@{top}--collapsed & {
      display: none;
    }
  }
}
<commit_msg>More compact css<commit_after>/**
 *    Copyright (c) ppy Pty Ltd <<EMAIL>>.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed 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 osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.news-post-preview {
  @top: news-post-preview;

  .default-box-shadow();
  margin-bottom: 5px;

  &--collapsed {
    margin-bottom: 0px;
    box-shadow: none;
  }

  &__body {
    display: flex;
    background: @osu-colour-b4;
  }

  &__image {
    width: 100%;
    height: 130px;
    background-size: cover;
    background-position: 50%;
    display: block;
    background-color: @osu-colour-b6;
    .@{top}--collapsed & {
      display: none;
    }
  }

  &__post-date {
    flex: 0 0 60px;
    border-right: 1px solid @osu-colour-l1;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: @osu-colour-l1;
    padding-right: 10px;
    overflow: hidden;
    text-align: right;

    .@{top}--collapsed & {
      flex-direction: row;
      justify-content: flex-end;
      align-items: baseline;
      margin: 0px 10px;
      padding: 5px 10px;
    }
  }

  &__date {
    font-size: @font-size--title-small-3;
    font-weight: 800;
    .@{top}--collapsed & {
      font-size: @font-size--title-small;
      font-weight: bold;
    }
  }

  &__month-year {
    font-size: @font-size--small-2;
    .@{top}--collapsed & {
      font-size: @font-size--title-small;
    }
  }

  &__post-right {
    margin-right: @font-size--small;
    .@{top}--collapsed & {
      display: flex;
      align-items: center;
    }
  }

  &__post-title {
    display: block;
    color: white;
    .link-hover({ color: white });
    font-size: @font-size--title-small-3;
    margin: 5px 0 10px;
    font-weight: bold;

    .@{top}--collapsed & {
      margin: 0;
      font-size: @font-size--title-small;
    }
  }

  &__post-content {
    .content-font();
    font-size: @font-size--normal;

    .@{top}--collapsed & {
      display: none;
    }
  }
}

{'fraction_non_alphanumeric': 0.13691742409591956, 'fraction_numerical': 0.01605105395474763, 'mean_word_length': 2.2734177215189875, 'pattern_counts': {'":': 0, '<': 9, '<?xml version=': 0, '>': 9, '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': '4548045', 'n_tokens_mistral': 1876, 'n_tokens_neox': 1774, 'n_words': 465}