<commit_before>/**
  * @parent gaiden_css.components
  * @stylesheet gaiden_css.components.card.css Card
**/

/**
  * @styles fluid Fluid
  * @demo demo/gaiden-css/components/card/demo.html
**/

/**
  * @styles grid-system Grid
  * @demo demo/gaiden-css/components/card/grid.html
**/

/**
  * @styles card+media Card + Media
  * @demo demo/gaiden-css/components/card/custom.html
**/

/**
  * @styles centered Centered
  * @demo demo/gaiden-css/components/card/centered.html
**/

.card {
  background-color: get-color(air);
  border-radius: $borderRadius;
  box-shadow: get-shadow(medium) get-color((color: blackNeutral, opacity: .12));
  flex: 1 1 auto;
  padding: 24px;
  width: inherit;
  transition: box-shadow ease-in-out .2s, transform ease-in-out .1s;

  &--profile {
    padding: 24px 0 0 0;
    display: flex;
    flex-direction: column;
  }

  &--action {
    cursor: pointer;
    position: relative;
    padding-bottom: calc(44px + 16px);

    &:hover {
      transform: translate(0, -5px);
      box-shadow: get-shadow(large) get-color((color: blackNeutral, opacity: .1));
    }

    .caption-title {
      font-size: 12px;
      margin-bottom: 0;
      color: get-color((color: blackNeutral, key: darker, opacity: .8));

      small {
        font-size: inherit;<commit_msg>change scope of padding-bottom for the media-card<commit_after>/**
  * @parent gaiden_css.components
  * @stylesheet gaiden_css.components.card.css Card
**/

/**
  * @styles fluid Fluid
  * @demo demo/gaiden-css/components/card/demo.html
**/

/**
  * @styles grid-system Grid
  * @demo demo/gaiden-css/components/card/grid.html
**/

/**
  * @styles card+media Card + Media
  * @demo demo/gaiden-css/components/card/custom.html
**/

/**
  * @styles centered Centered
  * @demo demo/gaiden-css/components/card/centered.html
**/

.card {
  background-color: get-color(air);
  border-radius: $borderRadius;
  box-shadow: get-shadow(medium) get-color((color: blackNeutral, opacity: .12));
  flex: 1 1 auto;
  padding: 24px;
  width: inherit;
  transition: box-shadow ease-in-out .2s, transform ease-in-out .1s;

  &--profile {
    padding: 24px 0 0 0;
    display: flex;
    flex-direction: column;
    padding-bottom: calc(44px + 16px);
  }

  &--action {
    cursor: pointer;
    position: relative;

    &:hover {
      transform: translate(0, -5px);
      box-shadow: get-shadow(large) get-color((color: blackNeutral, opacity: .1));
    }

    .caption-title {
      font-size: 12px;
      margin-bottom: 0;
      color: get-color((color: blackNeutral, key: darker, opacity: .8));

      small {
        font-size: inherit;
{'fraction_non_alphanumeric': 0.15720858895705522, 'fraction_numerical': 0.018404907975460124, 'mean_word_length': 2.9470499243570347, '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': '643328', 'n_tokens_mistral': 953, 'n_tokens_neox': 905, 'n_words': 197}