<commit_before>@import "mixins";
@import "branding";
@import "animations";

.darkswarm {
  products {
    product {
      // GENERAL LAYOUT
      .row {
        .columns {
          padding-top: 0em;
          padding-bottom: 0em;
          line-height: 1.1;
        }
      }

      .shop-variants {
        // product-thumb width + 1rem
        padding-left: calc(22.222% + 1rem);

        @include breakpoint(phablet) {
          padding-left: 0;
          clear: left;
        }
      }

      // ROW VARIANTS
      .row.variants {
        margin: 0 0 1em 0;

        &.out-of-stock {
          opacity: 0.2;
        }

        .variant-name,
        .total-price {
          padding-top: .74em;
        }
        .variant-price {
          padding-top: .65em;
        }

        // Variant name
        .variant-name {
          padding-left: 0;
          padding-right: 0;

          @include breakpoint(phablet) {
            padding-left: 0.5rem;
          }

          & > *:nth-child(n + 2) {
            color: #888;
            font-size: 0.875rem;
            line-height: normal;
          }
        }

        // Variant price
        .variant-price {
          @include breakpoint(phablet) {
            padding-left: 1rem;
          }
        }

        // Total price
        .total-price {
          padding-left: 0rem;
          color: $disabled-med;

          .filled {
            color: $med-drk-grey;
          }

          @include breakpoint(phablet) {
            display: none;
          }
        }
      }

      // ROW SUMMARY
      .summary {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.25em;
        background: #fff;

        .columns {
          padding-top: 1em;
          padding-bottom: 1em;
          line-height: 1;

          @include breakpoint(tablet) {
            padding-top: 0.65rem;
            padding-bottom: 0.65rem;
          }
        }

        .summary-header {
          // product-thumb width + 1rem
          padding-left: calc(22.222% + 1rem);
          padding-right: 1rem;

          @include breakpoint(phablet) {
            padding-left: calc(33.333% + 1rem);
          }

          .product-producer {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-style: italic;

            a {
              color: $teal-500;

              &:hover, &:focus, &:active {
                color: $teal-600;
                text-decoration: underline;
              }
            }
          }

          h3 {
            font-size: 1.3rem;
            margin-top: 0.75rem;
            margin-bottom: 0.6rem;
          }

          h3 a {
            color: $orange-500;

            &:hover, &:focus, &:active {
              color: $orange-600;
              text-decoration: underline;
            }
          }

          .product-description {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 0.75rem;
          }

          .product-properties {
            margin: .5em 0;

            li {
              margin: 0 0.25rem 0.25rem 0;

              a {
                padding: 0.1em 0.625em;

                cursor: auto;

                &.has-tip {
                  cursor: pointer;
                  font-weight: normal;
                }
                &:hover, &:focus {
                  border-color: #ccc;
                }
              }

              // Foundation doesn't show the nub on mobile.
              // Repeating the style to show it here.
              .nub {
                border-color: transparent transparent #333333 transparent;
              }
            }
          }
        }
      }
    }
  }
}
<commit_msg>Distinguish unit size more from variant name<commit_after>@import "mixins";
@import "branding";
@import "animations";

.darkswarm {
  products {
    product {
      // GENERAL LAYOUT
      .row {
        .columns {
          padding-top: 0em;
          padding-bottom: 0em;
          line-height: 1.1;
        }
      }

      .shop-variants {
        // product-thumb width + 1rem
        padding-left: calc(22.222% + 1rem);

        @include breakpoint(phablet) {
          padding-left: 0;
          clear: left;
        }
      }

      // ROW VARIANTS
      .row.variants {
        margin: 0 0 1em 0;

        &.out-of-stock {
          opacity: 0.2;
        }

        .variant-name,
        .total-price {
          padding-top: .74em;
        }
        .variant-price {
          padding-top: .65em;
        }

        // Variant name
        .variant-name {
          padding-left: 0;
          padding-right: 0;

          @include breakpoint(phablet) {
            padding-left: 0.5rem;
          }

          & > *:nth-child(n + 2) {
            color: #888;
            font-size: 0.875rem;
            font-style: italic;
            line-height: normal;
          }
        }

        // Variant price
        .variant-price {
          @include breakpoint(phablet) {
            padding-left: 1rem;
          }
        }

        // Total price
        .total-price {
          padding-left: 0rem;
          color: $disabled-med;

          .filled {
            color: $med-drk-grey;
          }

          @include breakpoint(phablet) {
            display: none;
          }
        }
      }

      // ROW SUMMARY
      .summary {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1.25em;
        background: #fff;

        .columns {
          padding-top: 1em;
          padding-bottom: 1em;
          line-height: 1;

          @include breakpoint(tablet) {
            padding-top: 0.65rem;
            padding-bottom: 0.65rem;
          }
        }

        .summary-header {
          // product-thumb width + 1rem
          padding-left: calc(22.222% + 1rem);
          padding-right: 1rem;

          @include breakpoint(phablet) {
            padding-left: calc(33.333% + 1rem);
          }

          .product-producer {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-style: italic;

            a {
              color: $teal-500;

              &:hover, &:focus, &:active {
                color: $teal-600;
                text-decoration: underline;
              }
            }
          }

          h3 {
            font-size: 1.3rem;
            margin-top: 0.75rem;
            margin-bottom: 0.6rem;
          }

          h3 a {
            color: $orange-500;

            &:hover, &:focus, &:active {
              color: $orange-600;
              text-decoration: underline;
            }
          }

          .product-description {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 0.75rem;
          }

          .product-properties {
            margin: .5em 0;

            li {
              margin: 0 0.25rem 0.25rem 0;

              a {
                padding: 0.1em 0.625em;

                cursor: auto;

                &.has-tip {
                  cursor: pointer;
                  font-weight: normal;
                }
                &:hover, &:focus {
                  border-color: #ccc;
                }
              }

              // Foundation doesn't show the nub on mobile.
              // Repeating the style to show it here.
              .nub {
                border-color: transparent transparent #333333 transparent;
              }
            }
          }
        }
      }
    }
  }
}

{'fraction_non_alphanumeric': 0.10714754098360656, 'fraction_numerical': 0.028852459016393443, 'mean_word_length': 0.964451313755796, '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': '3105046', 'n_tokens_mistral': 2434, 'n_tokens_neox': 2174, 'n_words': 446}