Contents

@import "../tokens/typography";
@import "../tokens/spacing";

[class^=pb_icon_value] {
  display: flex;
  align-items: center;

  [class^=pb_body] {
    font-size: $font-small !important;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;

    [class*=pb_icon] {
      font-size: $font-large !important;
      margin-right: $space-xs !important;
      flex-shrink: 0;
    }
  }

  &[class*=_left] {
    justify-content: flex-start;
  }
  &[class*=_center] {
    justify-content: center;
  }
  &[class*=_right] {
    justify-content: flex-end;
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-2.8.4	app/pb_kits/playbook/pb_icon_value/_icon_value.scss
playbook_ui-2.8.3	app/pb_kits/playbook/pb_icon_value/_icon_value.scss
playbook_ui-2.8.1	app/pb_kits/playbook/pb_icon_value/_icon_value.scss