<commit_before>@import '@bolt/core';

/* ------------------------------------ *\
   Share
\* ------------------------------------ */

$bolt-share-block-link-inset: 'small';
$bolt-share-block-link-inline-spacing: 'xsmall';


@include bolt-custom-element('bolt-share', block, medium);

.c-bolt-share {
  display: block;
}

.c-bolt-share--display-inline {
  .c-bolt-share__link {
    @include bolt-margin-right(-0.25rem);
  }

  .c-bolt-share__link-text {
    @include bolt-visuallyhidden;
  }
}

.c-bolt-share--display-button {
  .c-bolt-share__link {
    @include bolt-padding(#{$bolt-share-block-link-inset});

    display: flex;
    position: relative;
    overflow: hidden;

    &:before {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      background-color: inherit;
      background-color: var(--bolt-theme-link, inherit);
      opacity: 0.1;
      transform: translate3d(-100%, 0, 0);
      transition: $bolt-transition;
    }

    &:hover:before,
    &:active:before,
    &:focus:before {
      transform: translate3d(0, 0, 0);
    }

    > * {
      @include bolt-margin(0);
    }
  }

  .c-bolt-share__link-text {
    @include bolt-padding-left(#{$bolt-share-block-link-inline-spacing});
  }

  // @todo [Mai] These dirty overrides are in place because the copy to clipboard component needs a refactor. Clean this up when the time comes.
  .c-bolt-share__copy {
    @include bolt-padding(#{$bolt-share-block-link-inset});

    > * {
      display: flex;
    }

    .c-bolt-share__link {
      margin-top: bolt-v-spacing(#{$bolt-share-block-link-inset}) * -1;
      margin-right: bolt-spacing(#{$bolt-share-block-link-inset}) * -1;
      margin-bottom: bolt-v-spacing(#{$bolt-share-block-link-inset}) * -1;
      margin-left: bolt-spacing(#{$bolt-share-block-link-inset}) * -1;
    }

    .c-bolt-copy-to-clipboard__confirmation {
      .c-bolt-link {
        display: flex;

        > * {
          @include bolt-margin(0);
        }

        .c-bolt-link__text {
          @include bolt-padding-left(#{$bolt-share-block-link-inline-spacing});
        }
      }
    }
  }
}

.c-bolt-share__label {
  @include bolt-font-size(small);
  @include bolt-font-weight(bold);

  color: inherit;
  color: var(--bolt-theme-text, inherit);
  text-transform: uppercase;
  opacity: 0.6;
}

.c-bolt-share__link {
  text-decoration: none;
}

.c-bolt-share__link-text {
  color: inherit;
  color: var(--bolt-theme-text, inherit);
}<commit_msg>fix: remove certain theme colors<commit_after>@import '@bolt/core';

/* ------------------------------------ *\
   Share
\* ------------------------------------ */

$bolt-share-block-link-inset: 'small';
$bolt-share-block-link-inline-spacing: 'xsmall';


@include bolt-custom-element('bolt-share', block, medium);

.c-bolt-share {
  display: block;
}

.c-bolt-share--display-inline {
  .c-bolt-share__link {
    @include bolt-margin-right(-0.25rem);
  }

  .c-bolt-share__link-text {
    @include bolt-visuallyhidden;
  }
}

.c-bolt-share--display-button {
  .c-bolt-share__link {
    @include bolt-padding(#{$bolt-share-block-link-inset});

    display: flex;
    position: relative;
    overflow: hidden;

    &:before {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      background-color: bolt-color(indigo, light);
      opacity: 0.1;
      transform: translate3d(-100%, 0, 0);
      transition: $bolt-transition;
    }

    &:hover:before,
    &:active:before,
    &:focus:before {
      transform: translate3d(0, 0, 0);
    }

    > * {
      @include bolt-margin(0);
    }
  }

  .c-bolt-share__link-text {
    @include bolt-padding-left(#{$bolt-share-block-link-inline-spacing});
  }

  // @todo [Mai] This is neccessary because the tooltip component is not themable. Clean this up when the time comes.
  .c-bolt-link__icon {
    color: bolt-color(indigo, light);
  }

  // @todo [Mai] These dirty overrides are in place because the copy to clipboard component needs a refactor. Clean this up when the time comes.
  .c-bolt-share__copy {
    @include bolt-padding(#{$bolt-share-block-link-inset});

    > * {
      display: flex;
    }

    .c-bolt-share__link {
      margin-top: bolt-v-spacing(#{$bolt-share-block-link-inset}) * -1;
      margin-right: bolt-spacing(#{$bolt-share-block-link-inset}) * -1;
      margin-bottom: bolt-v-spacing(#{$bolt-share-block-link-inset}) * -1;
      margin-left: bolt-spacing(#{$bolt-share-block-link-inset}) * -1;
    }

    .c-bolt-copy-to-clipboard__confirmation {
      .c-bolt-link {
        display: flex;

        > * {
          @include bolt-margin(0);
        }

        .c-bolt-link__text {
          @include bolt-padding-left(#{$bolt-share-block-link-inline-spacing});
        }
      }
    }
  }
}

.c-bolt-share__label {
  @include bolt-font-size(small);
  @include bolt-font-weight(bold);

  color: inherit;
  color: var(--bolt-theme-text, inherit);
  text-transform: uppercase;
  opacity: 0.6;
}

.c-bolt-share__link {
  text-decoration: none;
}

.c-bolt-share__link-text {
  color: bolt-color(black);
}
{'fraction_non_alphanumeric': 0.19092664092664094, 'fraction_numerical': 0.011969111969111969, 'mean_word_length': 2.2708333333333335, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, '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': '2358338', 'n_tokens_mistral': 1943, 'n_tokens_neox': 1771, 'n_words': 310}