@itwin/itwinui-css/css/code.css

CSS library for building beautiful and well working web UI components within Bentley Systems & iTwin.js applications.

/*---------------------------------------------------------------------------------------------
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
.iui-code{font-family:var(--iui-font-mono);font-size:var(--iui-font-size-0);padding:var(--iui-size-2xs);border-radius:var(--iui-border-radius-1);background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);display:inline}.iui-codeblock{vertical-align:baseline;margin:0;margin-block:calc(var(--iui-size-s)*.5);border:none;padding:0}.iui-codeblock>.iui-title-bar{border-radius:var(--iui-border-radius-1)var(--iui-border-radius-1)0 0;background-color:var(--iui-color-background);border:1px solid var(--iui-color-border);border-block-end:none;align-items:center;display:flex}.iui-codeblock>.iui-title-bar>.iui-title{-webkit-user-select:all;user-select:all;margin-inline-start:var(--iui-size-s)}.iui-codeblock>.iui-title-bar>.iui-button{margin-inline-start:auto}.iui-codeblock>.iui-codeblock-content{border-radius:0 0 var(--iui-border-radius-1)var(--iui-border-radius-1);white-space:normal;border:1px solid var(--iui-color-border);color:var(--iui-color-text);margin:0;display:grid;overflow:auto}.iui-codeblock>.iui-codeblock-content:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}.iui-codeblock>.iui-codeblock-content>code{white-space:nowrap;-webkit-hyphens:auto;hyphens:auto;counter-increment:section;font-family:var(--iui-font-mono);background-color:var(--iui-color-background);inline-size:100%;display:block}.iui-codeblock>.iui-codeblock-content>code:nth-child(2n){background-color:var(--iui-color-background-zebra)}.iui-codeblock>.iui-codeblock-content>code:before{content:counter(section);text-align:end;padding-inline:var(--iui-size-xs);inline-size:calc(var(--iui-size-l) + 2*var(--iui-size-xs));background-color:var(--iui-color-background-backdrop);color:var(--iui-color-text-muted);display:inline-block}