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

Code Block Pro – Beautiful Syntax Highlighting, version 1.3.0. 37 lines.

- Page: https://pluginprobe.com/plugins/code-block-pro/1.3.0/code/src/editor/editor.css
- Raw: https://pluginprobe.com/plugins/code-block-pro/1.3.0/raw/src/editor/editor.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.3.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 textarea,
.code-block-pro-editor pre {
    @apply m-0 text-left;
    direction: ltr !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    monospace !important;
}
.code-block-pro-editor code {
    @apply m-0 p-0 text-inherit bg-transparent;
}

```