<commit_before>/* ------------------------------------ *\
   Cards
\* ------------------------------------ */

@import '@bolt/core';


$bolt-global-shadow-depth-xsmall: 0  1px  3px rgba(bolt-color(black), 0.12), 0 1px  2px  rgba(bolt-color(black), 0.24); // Buttons - default
$bolt-global-shadow-depth-small:  0  3px  6px rgba(bolt-color(black), 0.16), 0 3px  6px  rgba(bolt-color(black), 0.23); // Buttons - hover
$bolt-global-shadow-depth-medium: 0 10px 20px rgba(bolt-color(black), 0.19), 0 6px  6px  rgba(bolt-color(black), 0.23); // Cards - default
$bolt-global-shadow-depth-large:  0 14px 28px rgba(bolt-color(black), 0.25), 0 10px 10px rgba(bolt-color(black), 0.22); // Cards - hover
$bolt-global-shadow-depth-xlarge: 0 19px 38px rgba(bolt-color(black), 0.3),  0 15px 12px rgba(bolt-color(black), 0.22); // Modals


// $bolt-card-shadow: $bolt-shadow--small;
$bolt-card-shadow: $bolt-global-shadow-depth-small;
$bolt-card-shadow--hover: $bolt-global-shadow-depth-medium;
$bolt-card-border-width: $bolt-border-width;
$bolt-card-border-style: $bolt-border-style;
$bolt-card-border-color: currentColor; // TODO: needs to map this to theme text color at 0.1 opacity.
$bolt-card-border-radius: $bolt-border-radius;
$bolt-card-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
$bolt-card-translate--hover: $bolt-translate-raised--large;
$bolt-card-translate--active: $bolt-translate-raised--medium;



/**
  * Card background: 80% theme background color + 20% white
  */


bolt-card {
  display: flex;
  height: 100%; // Try to fill vertical space if available, even if parent's isn't display: flex;
  border-radius: $bolt-card-border-radius; // in case the theme is applied to the custom element itself.
}

.c-bolt-card {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex-grow: 1; //If used in a flex box container, grow to fill available space.
  position: relative;
  max-width: 100%; //IE11 flexbox fix
  color: bolt-theme(text);
  border-radius: $bolt-card-border-radius;
  transform: translate3d(0, 0, 0) scale(1, 1);
  transition: $bolt-card-transition;

  @supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    -webkit-backdrop-filter: blur(10px) saturate(30%) brightness(300%);
    backdrop-filter: blur(10px) saturate(30%) brightness(300%);
    background-color: rgba(bolt-color(white), 0.3);
  }

  bolt-card[class*=t-bolt] & {
    color: bolt-theme(text);
    background-color: bolt-theme(background-80);

    @supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
      -webkit-backdrop-filter: blur(10px) saturate(30%) brightness(300%);
      backdrop-filter: blur(10px) saturate(30%) brightness(300%);
      background-color: rgba(bolt-color(white), 0.3);
    }
  }<commit_msg>refactor: remove now unnecessary color prop from card component<commit_after>/* ------------------------------------ *\
   Cards
\* ------------------------------------ */

@import '@bolt/core';


$bolt-global-shadow-depth-xsmall: 0  1px  3px rgba(bolt-color(black), 0.12), 0 1px  2px  rgba(bolt-color(black), 0.24); // Buttons - default
$bolt-global-shadow-depth-small:  0  3px  6px rgba(bolt-color(black), 0.16), 0 3px  6px  rgba(bolt-color(black), 0.23); // Buttons - hover
$bolt-global-shadow-depth-medium: 0 10px 20px rgba(bolt-color(black), 0.19), 0 6px  6px  rgba(bolt-color(black), 0.23); // Cards - default
$bolt-global-shadow-depth-large:  0 14px 28px rgba(bolt-color(black), 0.25), 0 10px 10px rgba(bolt-color(black), 0.22); // Cards - hover
$bolt-global-shadow-depth-xlarge: 0 19px 38px rgba(bolt-color(black), 0.3),  0 15px 12px rgba(bolt-color(black), 0.22); // Modals


// $bolt-card-shadow: $bolt-shadow--small;
$bolt-card-shadow: $bolt-global-shadow-depth-small;
$bolt-card-shadow--hover: $bolt-global-shadow-depth-medium;
$bolt-card-border-width: $bolt-border-width;
$bolt-card-border-style: $bolt-border-style;
$bolt-card-border-color: currentColor; // TODO: needs to map this to theme text color at 0.1 opacity.
$bolt-card-border-radius: $bolt-border-radius;
$bolt-card-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
$bolt-card-translate--hover: $bolt-translate-raised--large;
$bolt-card-translate--active: $bolt-translate-raised--medium;



/**
  * Card background: 80% theme background color + 20% white
  */


bolt-card {
  display: flex;
  height: 100%; // Try to fill vertical space if available, even if parent's isn't display: flex;
  border-radius: $bolt-card-border-radius; // in case the theme is applied to the custom element itself.
}

.c-bolt-card {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex-grow: 1; //If used in a flex box container, grow to fill available space.
  position: relative;
  max-width: 100%; //IE11 flexbox fix
  border-radius: $bolt-card-border-radius;
  transform: translate3d(0, 0, 0) scale(1, 1);
  transition: $bolt-card-transition;

  @supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
    -webkit-backdrop-filter: blur(10px) saturate(30%) brightness(300%);
    backdrop-filter: blur(10px) saturate(30%) brightness(300%);
    background-color: rgba(bolt-color(white), 0.3);
  }

  bolt-card[class*=t-bolt] & {
    color: bolt-theme(text);
    background-color: bolt-theme(background-80);

    @supports (backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px)) {
      -webkit-backdrop-filter: blur(10px) saturate(30%) brightness(300%);
      backdrop-filter: blur(10px) saturate(30%) brightness(300%);
      background-color: rgba(bolt-color(white), 0.3);
    }
  }
{'fraction_non_alphanumeric': 0.1910736691163291, 'fraction_numerical': 0.05233912887614268, 'mean_word_length': 3.4568690095846644, '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': '966724', 'n_tokens_mistral': 2309, 'n_tokens_neox': 1919, 'n_words': 452}