<commit_before>@import "../Theme/Spacing";
@import "../Theme/Global";
@import "../Theme/Color";
@import "../Theme/Breakpoint";

$Workshops-item-offset: 65px;
$Workshops-item-odd-height: 468px;
$Workshops-item-even-height: 416px;
$Workshops-item-mobile-height: 286px;

.Workshops {
  padding: 0 $Spacing-xxSmall;

  @include Breakpoint-desktopOnly {
    padding: 0;
  };
}

.Workshops-header {
  margin-bottom: $Spacing-base;

  @include Breakpoint-desktopOnly {
    margin-left: $Spacing-xxSmall;
  };
}

.Workshops-description {
  margin-bottom: $Spacing-base;

  @include Breakpoint-tabletAndBelow {
    max-width: 534px;
  }
}

.Workshops-ticket {
  margin: $Spacing-small 0;

  @include Breakpoint-desktopOnly {
    margin: $Spacing-large 0;
  };
}

.Workshops-ticketLink {
  margin-top: $Spacing-xSmall;
}

.Workshops-subHeader {
  margin-bottom: $Spacing-xSmall;
}

.Workshops-list {
  margin-bottom: -$Spacing-xSmall;
}

.Workshops-item {
  height: $Workshops-item-mobile-height;

  margin-bottom: $Spacing-xSmall;

  @include Breakpoint-desktopOnly {
    height: $Workshops-item-even-height;

    margin-bottom: $Spacing-small;

    &.odd {
      height: $Workshops-item-odd-height;

      transform: translateY($Workshops-item-offset);
    }
  }
}

.Workshops-row {
  width: 100%;

  @include Breakpoint-desktopOnly {
    &:nth-child(even) {
      .Workshops-item {
        height: $Workshops-item-odd-height;

        transform: translateY(-$Workshops-item-offset);
      }

      .Workshops-item.odd {
        height: $Workshops-item-even-height;

        transform: translateY($Workshops-item-offset);
      }<commit_msg>Adds hover effect to workshops<commit_after>@import "../Theme/Spacing";
@import "../Theme/Global";
@import "../Theme/Color";
@import "../Theme/Breakpoint";

$Workshops-item-offset: 65px;
$Workshops-item-odd-height: 468px;
$Workshops-item-even-height: 416px;
$Workshops-item-mobile-height: 286px;

.Workshops {
  padding: 0 $Spacing-xxSmall;

  @include Breakpoint-desktopOnly {
    padding: 0;
  };
}

.Workshops-header {
  margin-bottom: $Spacing-base;

  @include Breakpoint-desktopOnly {
    margin-left: $Spacing-xxSmall;
  };
}

.Workshops-description {
  margin-bottom: $Spacing-base;

  @include Breakpoint-tabletAndBelow {
    max-width: 534px;
  }
}

.Workshops-ticket {
  margin: $Spacing-small 0;

  @include Breakpoint-desktopOnly {
    margin: $Spacing-large 0;
  };
}

.Workshops-ticketLink {
  margin-top: $Spacing-xSmall;
}

.Workshops-subHeader {
  margin-bottom: $Spacing-xSmall;
}

.Workshops-list {
  margin-bottom: -$Spacing-xSmall;
}

.Workshops-list:hover .Workshops-item:not(:hover) {
  opacity: 0.2;
}

.Workshops-item {
  height: $Workshops-item-mobile-height;
  margin-bottom: $Spacing-xSmall;

  transition: opacity 0.2s ease-in;

  @include Breakpoint-desktopOnly {
    height: $Workshops-item-even-height;

    margin-bottom: $Spacing-small;

    &.odd {
      height: $Workshops-item-odd-height;

      transform: translateY($Workshops-item-offset);
    }
  }
}

.Workshops-row {
  width: 100%;

  @include Breakpoint-desktopOnly {
    &:nth-child(even) {
      .Workshops-item {
        height: $Workshops-item-odd-height;

        transform: translateY(-$Workshops-item-offset);
      }

      .Workshops-item.odd {
        height: $Workshops-item-even-height;

        transform: translateY($Workshops-item-offset);
      }
{'fraction_non_alphanumeric': 0.1528023598820059, 'fraction_numerical': 0.013569321533923304, 'mean_word_length': 3.1915945611866503, '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': '6788673', 'n_tokens_mistral': 1285, 'n_tokens_neox': 1199, 'n_words': 188}