Syntax highlighter

We've made a syntax highlighter for you to help you share SDP with everyone

<script type="text/javascript" src="https://cdn.yurba.one/static/sdp/hl.js"></script>

<link rel="stylesheet" href="https://cdn.yurba.one/static/sdp/assets/hl.css">

Usage

<div class="sdp-highlight" theme="light/default/dark"><p>$class(bg: white;)</p></div>

$pre::selector["body"]( m: 0; f-f: {font}; trans: .4s; ch: 100vh; ) $page_loader( position: absolute; z-i: 9999; =display-full-center; cw: 100%; ch: 100%; bg: #000000e8; bd-f: blur(20px); ) $header::selector["header"]( cw: --fill; p: 20px 25px; bg: lighten(#000000, 20); =items-row; position: absolute; gap: 15px; ) $header_link( color: white; t-d: none; opacity: .5; trans: .2s; &::hover( opacity: 1; ) )