# code-block-pro/1.2.4/src/front/style.css

Code Block Pro – Beautiful Syntax Highlighting, version 1.2.4. 32 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.2.4/code/src/front/style.css
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.2.4/raw/src/front/style.css
- Modified: 2022-08-29T17:42:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/code-block-pro/1.2.4/code/src/front/style.css#L10-L20`.

```css
/*! purgecss start ignore */
.wp-block-kevinbatdorf-code-block-pro {
    direction: ltr !important;
    @apply relative;
}
.wp-block-kevinbatdorf-code-block-pro pre {
    @apply overflow-auto p-6 text-inherit m-0;
}
.wp-block-kevinbatdorf-code-block-pro pre code {
    @apply m-0 p-0 bg-transparent text-inherit text-left;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    monospace;
}
.code-block-pro-copy-button {
    @apply absolute top-0 right-0 left-auto bg-transparent p-2 border-none cursor-pointer opacity-30 focus:opacity-100 transition-opacity duration-200 ease-in-out leading-none;
}
.wp-block-kevinbatdorf-code-block-pro:hover .code-block-pro-copy-button {
    @apply opacity-100;
}
.code-block-pro-copy-button .without-check {
    @apply block;
}
.code-block-pro-copy-button .with-check {
    @apply hidden;
}
.code-block-pro-copy-button.copying .without-check {
    @apply hidden;
}
.code-block-pro-copy-button.copying .with-check {
    @apply block;
}

```