Prism code highlighting style example for my website

code.css

& code {
  @apply rounded p-1 m-0 bg-gray-300 text-orange-600;
}
& pre > code {
  @apply rounded py-2 px-0 bg-transparent;
  color: inherit;
}
& pre,
& pre[class*='language-'] {
  @apply rounded py-3 px-6 overflow-auto;
}

pre[class*='language-'] {
  @apply relative rounded bg-gray-900;

  &::before {
    @apply top-0 right-0 absolute z-20 text-xs mt-2 mr-2 text-gray-600 uppercase tracking-wide;
  }
}

pre[class~='language-js'],
pre[class~='language-javascript'] {
  &:before {
    content: 'javascript';
  }
}
pre[class~='language-php']:before {
  content: 'php';
}
pre[class~='language-json']:before {
  content: 'json';
}
pre[class~='language-sass']:before {
  content: 'scss';
}
pre[class~='language-bash']:before {
  content: 'bash';
}