<commit_before>@import "won-config";
@import "fonts";

@mixin carretSized {
  //the small down-arrow
  /*
  // without svg-included margins
  @include fixed-height(0.5rem);
  @include fixed-width(0.875rem);
  */

  // with svg-included margins
  @include fixed-square(1rem);
}

@mixin fixed-height($h) {
  height: $h;
  min-height: $h;
  max-height: $h;
}
@mixin fixed-width($w) {
  width: $w;
  min-width: $w;
  max-width: $w;
}

@mixin fixed-square($size) {
  @include fixed-width($size);
  @include fixed-height($size);
}

%fill {
  height: 100%;
  width: 100%;
}
%fixed-fill {
  @include fixed-height(100%);
  @include fixed-width(100%);
}
%fullscreen {
  height: 100vh;
  width: 100vw;
}
%fixed-fullscreen {
  @include fixed-height(100vh);
  @include fixed-width(100vw);
}
%fillwidth {
  min-width: 100%;
  height: auto;
}

%fillheight {
  min-height: 100%;
  width: auto;
}

@mixin max-square($maxSize) {
  max-width: $maxSize;
  max-height: $maxSize;
  width: auto;
  height: auto;
}

/**
 * Use this mixin on root-elements to limit the maximal width
 * of the content (which needs to be placed in an $prefix__inner
 * element. Also handles a minimum remaining margin (for when the
 * viewport becomes small)
 */
@mixin max-content-width($maxCntWidth, $cntPadding, $prefix) {
  // to center the sole child
  display: flex;
  justify-content: center;
  align-content: center;
  /*align-items: baseline;*/
  flex-direction: row;

  > .#{$prefix}__inner {
    max-width: $maxCntWidth;
    width: 100%; // take as much space as possible without exceeding the maxContentWidth
    padding: 0 $cntPadding;
  }
}
/**
 * Use this mixin on *-viewer elements to support uniform styling of the viewer-components
 */
@mixin won-detail-viewer($prefix) {
  display: grid;
  grid-auto-flow: row;
  width: 100%;
  box-sizing: border-box;

  &.won-in-message {
    grid-gap: 0.25rem;

    .#{$prefix}__header {
      display: flex;
      align-items: center;
      color: $won-subtitle-gray;

      &__icon {
        @include fixed-square($contentInfoHeaderIconSize);
        --local-primary: #{$won-subtitle-gray};
        margin-right: 0.25rem;
      }

      &__label {
        font-size: $smallFontSize;
      }
    }
    .#{$prefix}__content {
      box-sizing: border-box;
    }
  }

  &:not(.won-in-message) {
    grid-gap: 0.25rem;

    .#{$prefix}__header {
      display: flex;
      align-items: center;
      color: $won-primary-text-color;

      &__icon {
        @include fixed-square($contentInfoHeaderIconSize);
        --local-primary: #{$won-primary-text-color};
        margin-right: 0.25rem;
      }

      &__label {
        font-size: $normalFontSize;
        font-weight: bold;
      }
    }

    .#{$prefix}__content {
      padding-left: calc(0.25rem + #{$contentInfoHeaderIconSize});
      box-sizing: border-box;
    }
  }
}<commit_msg>Only use left padding for details if not in message and the view is not on mobile<commit_after>@import "won-config";
@import "fonts";

@mixin carretSized {
  //the small down-arrow
  /*
  // without svg-included margins
  @include fixed-height(0.5rem);
  @include fixed-width(0.875rem);
  */

  // with svg-included margins
  @include fixed-square(1rem);
}

@mixin fixed-height($h) {
  height: $h;
  min-height: $h;
  max-height: $h;
}
@mixin fixed-width($w) {
  width: $w;
  min-width: $w;
  max-width: $w;
}

@mixin fixed-square($size) {
  @include fixed-width($size);
  @include fixed-height($size);
}

%fill {
  height: 100%;
  width: 100%;
}
%fixed-fill {
  @include fixed-height(100%);
  @include fixed-width(100%);
}
%fullscreen {
  height: 100vh;
  width: 100vw;
}
%fixed-fullscreen {
  @include fixed-height(100vh);
  @include fixed-width(100vw);
}
%fillwidth {
  min-width: 100%;
  height: auto;
}

%fillheight {
  min-height: 100%;
  width: auto;
}

@mixin max-square($maxSize) {
  max-width: $maxSize;
  max-height: $maxSize;
  width: auto;
  height: auto;
}

/**
 * Use this mixin on root-elements to limit the maximal width
 * of the content (which needs to be placed in an $prefix__inner
 * element. Also handles a minimum remaining margin (for when the
 * viewport becomes small)
 */
@mixin max-content-width($maxCntWidth, $cntPadding, $prefix) {
  // to center the sole child
  display: flex;
  justify-content: center;
  align-content: center;
  /*align-items: baseline;*/
  flex-direction: row;

  > .#{$prefix}__inner {
    max-width: $maxCntWidth;
    width: 100%; // take as much space as possible without exceeding the maxContentWidth
    padding: 0 $cntPadding;
  }
}
/**
 * Use this mixin on *-viewer elements to support uniform styling of the viewer-components
 */
@mixin won-detail-viewer($prefix) {
  display: grid;
  grid-auto-flow: row;
  width: 100%;
  box-sizing: border-box;

  &.won-in-message {
    grid-gap: 0.25rem;

    .#{$prefix}__header {
      display: flex;
      align-items: center;
      color: $won-subtitle-gray;

      &__icon {
        @include fixed-square($contentInfoHeaderIconSize);
        --local-primary: #{$won-subtitle-gray};
        margin-right: 0.25rem;
      }

      &__label {
        font-size: $smallFontSize;
      }
    }
    .#{$prefix}__content {
      box-sizing: border-box;
    }
  }

  &:not(.won-in-message) {
    grid-gap: 0.25rem;

    .#{$prefix}__header {
      display: flex;
      align-items: center;
      color: $won-primary-text-color;

      &__icon {
        @include fixed-square($contentInfoHeaderIconSize);
        --local-primary: #{$won-primary-text-color};
        margin-right: 0.25rem;
      }

      &__label {
        font-size: $normalFontSize;
        font-weight: bold;
      }
    }

    .#{$prefix}__content {
      @media (min-width: $responsivenessBreakPoint) {
        padding-left: calc(0.25rem + #{$contentInfoHeaderIconSize});
      }
      box-sizing: border-box;
    }
  }
}
{'fraction_non_alphanumeric': 0.1510791366906475, 'fraction_numerical': 0.020212401507365536, 'mean_word_length': 2.7940220922677064, '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': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1089370', 'n_tokens_mistral': 2196, 'n_tokens_neox': 2048, 'n_words': 475}