Contents

@import "card_mixin";


[class^=pb_card_kit] {
  @include pb_card;

  &[class*=_selected] {
    @include pb_card_selected;
  }

  &[class*=_dark] {
    @include pb_card_dark;

    &[class*=_selected] {
      @include pb_card_selected_dark;
    }
  }

  [class^=pb_card_header_kit] {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    min-height: 1px;
    border: 0;
    border-radius: $pb_card_header_border_radius $pb_card_header_border_radius 0px 0px;  
    @each $color_name, $color_value in $category_colors {
      &[class*=_#{$color_name}] {
        @include pb_card_header_color($color_value);
      }
    }
  }

  [class^=pb_card_body_kit] {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: auto;
    min-height: 1px;
    border: 0;
  }
  
  @each $name, $shadow in $box_shadows {
    &[class*=_#{$name}] {
      box-shadow: $shadow;
    }
  }

  &[class*=_highlight] {
    overflow: hidden;
  }

  &[class*=_highlight_top] {
    @each $color_name, $color_value in $pb_card_highlight_colors {
      &[class*=_highlight_#{$color_name}]::before {
        @include pb_card_highlight(100%, $pb_card_highlight_size, $color_value);
      }
    }
  }

  &[class*=_highlight_side] {
    @each $color_name, $color_value in $pb_card_highlight_colors {
      &[class*=_highlight_#{$color_name}]::before {
        @include pb_card_highlight($pb_card_highlight_size, 100%, $color_value);
      }
    }
  }
}

Version data entries

24 entries across 24 versions & 1 rubygems

Version	Path
playbook_ui-5.1.0.pre.alpha2	app/pb_kits/playbook/pb_card/_card.scss
playbook_ui-5.1.0.pre.alpha1	app/pb_kits/playbook/pb_card/_card.scss
playbook_ui-5.0.1	app/pb_kits/playbook/pb_card/_card.scss
playbook_ui-5.0.1.pre.alpha1	app/pb_kits/playbook/pb_card/_card.scss