<commit_before>// ==========================================================================
//
//  Secondary
//  See _includes/sidebar.html
//
// ==========================================================================


.siteSecondary {
  @include rem(padding, $triple-spacing-unit 6%);
  color: $white;
  background-color: $black-light;
  background: linear-gradient(160deg, $black-light 50%, mix($black-light, $black, 95%) 50%);
}

.sidebarPrimary {
  float: right;
  width: 75%;

  // start breakpoints
  @include breakpoint(tablet-portrait-to-small-desktop) {
    width: 70%;
  }
  @include breakpoint(mobile-landscape-to-tablet-portrait) {
    width: 65%;
  }
  @include breakpoint(mobile-portrait-to-mobile-landscape) {
    width: 100%;
    float: none;
  }
}

.sidebarSecondary {
  float: left;
  width: 20%;

  // start breakpoints
  @include breakpoint(tablet-portrait-to-small-desktop) {
    width: 25%;
  }
  @include breakpoint(mobile-landscape-to-tablet-portrait) {
    width: 30%;
  }
  @include breakpoint(mobile-portrait-to-mobile-landscape) {
    @include rem(margin, 0 auto $base-spacing-unit);
    float: none;
    width: 75%;
  }
  @include breakpoint(small-mobile) {
    width: 100%;
  }
}


// -------------------------------------
//  Heading
// -------------------------------------

.sidebar-heading {
  float: right;
  width: 75%;
  @include rem(padding-bottom, $half-spacing-unit);
  @extend %font-industry--demi;
  border-bottom: 2px solid;

  // start breakpoints
  @include breakpoint(tablet-portrait-to-small-desktop) {
    width: 70%;
  }
  @include breakpoint(mobile-landscape-to-tablet-portrait) {
    width: 65%;
  }
  @include breakpoint(all-mobile) {
    @include rem(margin-bottom, $base-spacing-unit);
  }
  @include breakpoint(mobile-portrait-to-mobile-landscape) {
    @include rem(margin-bottom, $one-half-spacing-unit);
    width: 100%;
    float: none;
  }
}

.sidebar-heading--link {
  &:hover {

    // accompanying character entity
    .sidebar-character {
      color: inherit;
    }
  }

  &:focus {

    // accompanying character entity
    .sidebar-character {
      color: $focus;
    }
  }
}

.sidebar-title {
  text-transform: uppercase;
}

.sidebar-preposition {
  text-transform: lowercase;
}

.sidebar-organization {
  @extend .sidebar-title;
}

// accompanying character entity
.sidebar-character {
  color: $black-lighter;
  transition: color 0.3s;
}


// -------------------------------------
//  Description
// -------------------------------------

.sidebar-description {
  margin-bottom: 0;
  @extend %font-industry--medium;

  a {
    @extend %link-border--bottom;
  }
}


// -------------------------------------
//  Image
// -------------------------------------

.sidebar-image--link {
  display: block;

  &:hover {
    .sidebar-image {
      background-color: $white;
    }
  }
  &:focus {
    .sidebar-image {
      background-color: $focus;
    }
  }
}

.sidebar-image {
  display: block;
  @include rem(margin, 0 0 $half-spacing-unit);
  padding: 3px;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.2s;

  // start breakpoints
  @include breakpoint(mobile-portrait-to-mobile-landscape) {
    @include rem(margin, 0 0 $base-spacing-unit);
  }
}

.sidebar-caption {
  @extend %font-industry--medium;
  @extend small;
}

.sidebar-caption--link {
  @extend %citation-small--link;
  @extend %link-border--bottom;<commit_msg>Fix for .sidebar-image IE border issue.<commit_after>// ==========================================================================
//
//  Secondary
//  See _includes/sidebar.html
//
// ==========================================================================


.siteSecondary {
  @include rem(padding, $triple-spacing-unit 6%);
  color: $white;
  background-color: $black-light;
  background: linear-gradient(160deg, $black-light 50%, mix($black-light, $black, 95%) 50%);
}

.sidebarPrimary {
  float: right;
  width: 75%;

  // start breakpoints
  @include breakpoint(tablet-portrait-to-small-desktop) {
    width: 70%;
  }
  @include breakpoint(mobile-landscape-to-tablet-portrait) {
    width: 65%;
  }
  @include breakpoint(mobile-portrait-to-mobile-landscape) {
    width: 100%;
    float: none;
  }
}

.sidebarSecondary {
  float: left;
  width: 20%;

  // start breakpoints
  @include breakpoint(tablet-portrait-to-small-desktop) {
    width: 25%;
  }
  @include breakpoint(mobile-landscape-to-tablet-portrait) {
    width: 30%;
  }
  @include breakpoint(mobile-portrait-to-mobile-landscape) {
    @include rem(margin, 0 auto $base-spacing-unit);
    float: none;
    width: 75%;
  }
  @include breakpoint(small-mobile) {
    width: 100%;
  }
}


// -------------------------------------
//  Heading
// -------------------------------------

.sidebar-heading {
  float: right;
  width: 75%;
  @include rem(padding-bottom, $half-spacing-unit);
  @extend %font-industry--demi;
  border-bottom: 2px solid;

  // start breakpoints
  @include breakpoint(tablet-portrait-to-small-desktop) {
    width: 70%;
  }
  @include breakpoint(mobile-landscape-to-tablet-portrait) {
    width: 65%;
  }
  @include breakpoint(all-mobile) {
    @include rem(margin-bottom, $base-spacing-unit);
  }
  @include breakpoint(mobile-portrait-to-mobile-landscape) {
    @include rem(margin-bottom, $one-half-spacing-unit);
    width: 100%;
    float: none;
  }
}

.sidebar-heading--link {
  &:hover {

    // accompanying character entity
    .sidebar-character {
      color: inherit;
    }
  }

  &:focus {

    // accompanying character entity
    .sidebar-character {
      color: $focus;
    }
  }
}

.sidebar-title {
  text-transform: uppercase;
}

.sidebar-preposition {
  text-transform: lowercase;
}

.sidebar-organization {
  @extend .sidebar-title;
}

// accompanying character entity
.sidebar-character {
  color: $black-lighter;
  transition: color 0.3s;
}


// -------------------------------------
//  Description
// -------------------------------------

.sidebar-description {
  margin-bottom: 0;
  @extend %font-industry--medium;

  a {
    @extend %link-border--bottom;
  }
}


// -------------------------------------
//  Image
// -------------------------------------

.sidebar-image--link {
  display: block;

  &:hover {
    .sidebar-image {
      border-color: $white;
    }
  }
  &:focus {
    .sidebar-image {
      border-color: $focus;
    }
  }
}

.sidebar-image {
  display: block;
  @include rem(margin, 0 0 $half-spacing-unit);
  border: solid 3px transparent;
  border-radius: 100%;
  transition: border-color 0.2s;

  // start breakpoints
  @include breakpoint(mobile-portrait-to-mobile-landscape) {
    @include rem(margin, 0 0 $base-spacing-unit);
  }
}

.sidebar-caption {
  @extend %font-industry--medium;
  @extend small;
}

.sidebar-caption--link {
  @extend %citation-small--link;
  @extend %link-border--bottom;
{'fraction_non_alphanumeric': 0.24537912967544753, 'fraction_numerical': 0.015572696841798865, 'mean_word_length': 2.391905231984205, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '2340790', 'n_tokens_mistral': 2354, 'n_tokens_neox': 2169, 'n_words': 404}