message: feat(aio): shell code styling
diff: @@ -5,10 +5,16 @@ code-tabs md-tab-body {
  border-radius: 5px;
  color: $darkgray;
  display: block;
  - padding: 8px;
  + padding: 8px 16px;
  margin: 16px auto;
  }
  +// TERMINAL / SHELL TEXT STYLES
  +
  +code-example.code-shell, code-example[language=sh], code-example[language=bash] {
  + background-color: $darkgray;
  +}
  +
  code-example header {
  background-color: $mediumgray;
  border: 0.5px solid $mediumgray;
  @@ -43,7 +49,7 @@ code-tabs mat-tab-body-content .fadeIn {
  aio-code pre {
  display: flex;
  - padding: 0;
  + padding: 0 48px 0 0;
  white-space: pre-wrap;
  }
  @@ -63,8 +69,6 @@ code ol {
  }
  .copy-button {
  - top: -16px;
  - right: -16px;
  color: $lightgray;
  background-color: transparent;
  border: none;
  @@ -73,6 +77,13 @@ code ol {
  }
  }
  +.lang-sh .copy-button, .lang-bash .copy-button {
  + color: $mediumgray;
  + &:hover {
  + color: $lightgray;
  + }
  +}
  +
  .code-tab-group div.mat-tab-body-content {
  height: auto;
  }
  @@ -90,10 +101,7 @@ $blue-grey-900: #263238;
  $white: #FFFFFF;
  - /*
  - * Screen Colors
  - *
  - */
  +/* SCREEN COLORS */
  .pnk,
  .blk {
  @@ -140,11 +148,16 @@ $white: #FFFFFF;
  color: $blue;
  }
  +/* SHELL / TERMINAL CODE BLOCKS */
  +
  +code-example.code-shell, code-example[language=sh], code-example[language=bash] {
  + & .pnk, .blk,.pln, .otl, .kwd, .typ, .tag, .str, .atv, .atn, .com, .lit, .pun, .dec {
  + color: $codegreen;
  + }
  +}
  +
  +/* PRINT COLORS */
  - /*
  - * Print Colors
  - *
  - */
  @media print {
  border: none;
  