# code-block-pro/1.6.0/src/editor/editor.css

Code Block Pro – Beautiful Syntax Highlighting, version 1.6.0. 50 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.6.0/code/src/editor/editor.css
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.6.0/raw/src/editor/editor.css
- Modified: 2022-09-05T14:31:28+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.6.0/code/src/editor/editor.css#L10-L20`.

```css
.code-block-pro-editor {
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: transparent;
    --tw-ring-color: var(--wp-admin-theme-color);
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
}
.code-block-pro-editor *,
.code-block-pro-editor *:after,
.code-block-pro-editor *:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Add more styles here specific to the editor only */
.code-block-pro-editor .npm__react-simple-code-editor__textarea {
    @apply shadow-none;
}
.code-block-pro-editor pre,
.code-block-pro-editor pre * {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
.code-block-pro-editor textarea,
.code-block-pro-editor pre {
    @apply m-0 text-left;
    direction: ltr !important;
}
.code-block-pro-editor code {
    font-family: inherit !important;
    @apply m-0 p-0 text-inherit bg-transparent;
}
@font-face {
    font-family: 'Code-Pro-Fira-Code';
    src: url('../fonts/Code-Pro-Fira-Code.woff2') format('woff2');
}
@font-face {
    font-family: 'Code-Pro-JetBrains-Mono';
    src: url('../fonts/Code-Pro-JetBrains-Mono.woff2') format('woff2');
}

```