Code

<pre><code>pick(:love) do |something|
    n.times do
        result = play(something)
        result.publish
    end
end
</code></pre>
<figure>
    <div>
        <pre><code>pick(:love) do |something|
    n.times do
        result = play(something)
        result.publish
    end
end
</code></pre>
    </div>
    <figcaption>Code mit Figaption</figcaption>
</figure>
import { safe, htmlEncode } from "complate-stream";

<pre><code>{safe(htmlEncode(context.code))}</code></pre>

<figure>
    <div>
    <pre><code>{safe(htmlEncode(context.code))}</code></pre>
    </div>
    <figcaption>Code mit Figaption</figcaption>
</figure>
{
  "code": "pick(:love) do |something|\n    n.times do\n        result = play(something)\n        result.publish\n    end\nend\n"
}
  • Content:
    pre > code {
      @extend %monospace-font-regular;
    
      display: block;
      overflow: auto;
      padding: $spacer-xs;
      margin-bottom: $spacer-md;
      background-color: $code-background-color;
      font-size: $font-size-xs;
      line-height: $paragraph-line-height;
    }
    
    pre {
      margin: 0;
    }
    
    figure > div > pre {
      /* stylelint-disable-next-line selector-max-compound-selectors */
      code {
        margin-bottom: $spacer-xxs;
      }
    }
    
  • URL: /components/raw/code/_code.scss
  • Filesystem Path: components/05-atoms/text/block/code/_code.scss
  • Size: 409 Bytes

No notes defined.