@import "../pb_title/title";
@import "../pb_caption/caption";
@import "../tokens/colors";


[class^=pb_date_stacked_kit]{
  &[class*=_center]  {
    & > * [class^=pb_title_kit],
    & > * [class^=pb_caption_kit],
    & > [class^=pb_date_stacked_year_kit] {
      text-align: center;
    }
  }
  &[class*=_right]  {
    & > * [class^=pb_title_kit],
    & > * [class^=pb_caption_kit],
    & > [class^=pb_date_stacked_year] {
      text-align: right;
    }
  }
  &[class*=_reverse] {
    .pb_date_stacked_day_month {
      display: flex;
      flex-direction: column-reverse;
    }
  }
  &[class*=_dark] {
    & > * [class^=pb_title_kit] {
      color: $text_dk_default;
    }
    & > * [class^=pb_caption_kit] {
      color: $text_dk_light;
    }
  }
}