Documentation
Docs

Message

Examples of styling blocks of text to stand out.

The custom Theme palette option in Tailwind configuration contains values for positive, negative, info and warning colors which can be used to create messages.

Assigning positive colors with Tailwind classes
text-positive-text bg-positive-background border-positive-border

Positive message

Success: this paragraph is a message.

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-positive-text bg-positive-background rounded border border-positive-border","t":1709756495,"css":".rounded{border-radius:var(\u002d\u002dska-border-radius)}.border{border-width:1px}.border-positive-border{\u002d\u002dtw-border-opacity:1;border-color:rgba(var(\u002d\u002dska-rgb-positive-border),1)}.bg-positive-background{\u002d\u002dtw-bg-opacity:1;background-color:rgba(var(\u002d\u002dska-rgb-positive-background),1)}.px-4{padding-left:var(\u002d\u002dska-spacing-4);padding-right:var(\u002d\u002dska-spacing-4)}.py-3{padding-top:var(\u002d\u002dska-spacing-3);padding-bottom:var(\u002d\u002dska-spacing-3)}.text-base\\/none{font-size:var(\u002d\u002dska-font-size-base);line-height:1}.text-positive-text{\u002d\u002dtw-text-opacity:1;color:rgba(var(\u002d\u002dska-rgb-positive-text),1)}"},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"positive-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"positive-background"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderColor":{"v":{"$":{"@":"positive-border"}}}} -->
<p class="px-4 py-3 text-base/none text-positive-text bg-positive-background rounded border border-positive-border"><strong>Success</strong>: this paragraph is a message.</p>
<!-- /wp:paragraph -->

Info message

Info: this paragraph is a message.

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-info-text bg-info-background rounded border border-info-border","t":1709756495,"css":".rounded{border-radius:var(\u002d\u002dska-border-radius)}.border{border-width:1px}.border-info-border{\u002d\u002dtw-border-opacity:1;border-color:rgba(var(\u002d\u002dska-rgb-info-border),1)}.bg-info-background{\u002d\u002dtw-bg-opacity:1;background-color:rgba(var(\u002d\u002dska-rgb-info-background),1)}.px-4{padding-left:var(\u002d\u002dska-spacing-4);padding-right:var(\u002d\u002dska-spacing-4)}.py-3{padding-top:var(\u002d\u002dska-spacing-3);padding-bottom:var(\u002d\u002dska-spacing-3)}.text-base\\/none{font-size:var(\u002d\u002dska-font-size-base);line-height:1}.text-info-text{\u002d\u002dtw-text-opacity:1;color:rgba(var(\u002d\u002dska-rgb-info-text),1)}"},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"info-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"info-background"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderColor":{"v":{"$":{"@":"info-border"}}}} -->
<p class="px-4 py-3 text-base/none text-info-text bg-info-background rounded border border-info-border"><strong>Info</strong>: this paragraph is a message.</p>
<!-- /wp:paragraph -->

Warning message

Warning: this paragraph is a message.

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-warning-text bg-warning-background rounded border border-warning-border","t":1709756495,"css":".rounded{border-radius:var(\u002d\u002dska-border-radius)}.border{border-width:1px}.border-warning-border{\u002d\u002dtw-border-opacity:1;border-color:rgba(var(\u002d\u002dska-rgb-warning-border),1)}.bg-warning-background{\u002d\u002dtw-bg-opacity:1;background-color:rgba(var(\u002d\u002dska-rgb-warning-background),1)}.px-4{padding-left:var(\u002d\u002dska-spacing-4);padding-right:var(\u002d\u002dska-spacing-4)}.py-3{padding-top:var(\u002d\u002dska-spacing-3);padding-bottom:var(\u002d\u002dska-spacing-3)}.text-base\\/none{font-size:var(\u002d\u002dska-font-size-base);line-height:1}.text-warning-text{\u002d\u002dtw-text-opacity:1;color:rgba(var(\u002d\u002dska-rgb-warning-text),1)}"},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"warning-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"warning-background"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderColor":{"v":{"$":{"@":"warning-border"}}}} -->
<p class="px-4 py-3 text-base/none text-warning-text bg-warning-background rounded border border-warning-border"><strong>Warning</strong>: this paragraph is a message.</p>
<!-- /wp:paragraph -->

Negative message

Error: this paragraph is a message.

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-negative-text bg-negative-background rounded border border-negative-border","t":1709756495,"css":".rounded{border-radius:var(\u002d\u002dska-border-radius)}.border{border-width:1px}.border-negative-border{\u002d\u002dtw-border-opacity:1;border-color:rgba(var(\u002d\u002dska-rgb-negative-border),1)}.bg-negative-background{\u002d\u002dtw-bg-opacity:1;background-color:rgba(var(\u002d\u002dska-rgb-negative-background),1)}.px-4{padding-left:var(\u002d\u002dska-spacing-4);padding-right:var(\u002d\u002dska-spacing-4)}.py-3{padding-top:var(\u002d\u002dska-spacing-3);padding-bottom:var(\u002d\u002dska-spacing-3)}.text-base\\/none{font-size:var(\u002d\u002dska-font-size-base);line-height:1}.text-negative-text{\u002d\u002dtw-text-opacity:1;color:rgba(var(\u002d\u002dska-rgb-negative-text),1)}"},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"negative-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"negative-background"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderColor":{"v":{"$":{"@":"negative-border"}}}} -->
<p class="px-4 py-3 text-base/none text-negative-text bg-negative-background rounded border border-negative-border"><strong>Error</strong>: this paragraph is a message.</p>
<!-- /wp:paragraph -->

Generic message

Lorem ipsum: dolor sit amet, consectetur adipiscing elit.

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-site bg-plain-light rounded border","t":1709756495,"css":".rounded{border-radius:var(\u002d\u002dska-border-radius)}.border{border-width:1px}.bg-plain-light{\u002d\u002dtw-bg-opacity:1;background-color:rgba(var(\u002d\u002dska-rgb-plain-light),1)}.px-4{padding-left:var(\u002d\u002dska-spacing-4);padding-right:var(\u002d\u002dska-spacing-4)}.py-3{padding-top:var(\u002d\u002dska-spacing-3);padding-bottom:var(\u002d\u002dska-spacing-3)}.text-base\\/none{font-size:var(\u002d\u002dska-font-size-base);line-height:1}.text-site{\u002d\u002dtw-text-opacity:1;color:rgba(var(\u002d\u002dska-rgb-site),0.87)}"},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}}} -->
<p class="px-4 py-3 text-base/none text-site bg-plain-light rounded border"><strong>Lorem ipsum</strong>: dolor sit amet, consectetur adipiscing elit.</p>
<!-- /wp:paragraph -->

Message with an icon

Lorem ipsum: dolor sit amet, consectetur adipiscing elit.

<!-- wp:ska/element {"skaBlocksDisplay":{"v":{"$":{"@":"flex"}}},"skaBlocksFlexDirection":{"v":{"$":{"@":"row"}}},"skaBlocksGap":{"v":{"$":{"@":"2.5"}}},"skaBlocksAlignItems":{"v":{"$":{"@":"center"}}},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocks":{"cx":"flex flex-row gap-2.5 items-center px-4 py-3 text-base/none text-site bg-plain-light rounded border","t":1709756495,"css":".flex{display:flex}.flex-row{flex-direction:row}.items-center{align-items:center}.gap-2{gap:var(\u002d\u002dska-spacing-2)}.gap-2\\.5{gap:var(\u002d\u002dska-spacing-2\\.5)}.rounded{border-radius:var(\u002d\u002dska-border-radius)}.border{border-width:1px}.bg-plain-light{\u002d\u002dtw-bg-opacity:1;background-color:rgba(var(\u002d\u002dska-rgb-plain-light),1)}.px-4{padding-left:var(\u002d\u002dska-spacing-4);padding-right:var(\u002d\u002dska-spacing-4)}.py-3{padding-top:var(\u002d\u002dska-spacing-3);padding-bottom:var(\u002d\u002dska-spacing-3)}.text-base\\/none{font-size:var(\u002d\u002dska-font-size-base);line-height:1}.text-site{\u002d\u002dtw-text-opacity:1;color:rgba(var(\u002d\u002dska-rgb-site),0.87)}"}} -->
<div class="flex flex-row gap-2.5 items-center px-4 py-3 text-base/none text-site bg-plain-light rounded border wp-block-ska-element"><!-- wp:ska/image {"mode":"icon","svg":"\u003csvg data-svg-width=\u002224\u0022 data-svg-height=\u002224\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\n\u003cpath d=\u0022M11.25 11.25L11.2915 11.2293C11.8646 10.9427 12.5099 11.4603 12.3545 12.082L11.6455 14.918C11.4901 15.5397 12.1354 16.0573 12.7085 15.7707L12.75 15.75M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM12 8.25H12.0075V8.2575H12V8.25Z\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00221.5\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022/\u003e\n\u003c/svg\u003e\n","collection":"heroicons","icon":"24/outline/information-circle","skaBlocks":{"cx":"min-w-6 h-auto text-current","t":1709756495,"css":".h-auto{height:auto}.min-w-6{min-width:var(\u002d\u002dska-spacing-6)}.text-current{color:currentColor}"},"skaBlocksMinWidth":{"v":{"$":{"@":"6"}}},"skaBlocksHeight":{"v":{"$":{"@":"auto"}}},"skaBlocksTextColor":{"v":{"$":{"@":"current"}}}} -->
<div role="figure" aria-hidden="true" class="min-w-6 h-auto text-current wp-block-ska-image"><svg data-svg-width="24" data-svg-height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.25 11.25L11.2915 11.2293C11.8646 10.9427 12.5099 11.4603 12.3545 12.082L11.6455 14.918C11.4901 15.5397 12.1354 16.0573 12.7085 15.7707L12.75 15.75M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM12 8.25H12.0075V8.2575H12V8.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<!-- /wp:ska/image -->

<!-- wp:paragraph -->
<p><strong>Lorem ipsum</strong>: dolor sit amet, consectetur adipiscing elit.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:ska/element -->

Message with a header and content

Lorem ipsum dolor sit amet

Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.

<!-- wp:ska/element {"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocks":{"cx":"px-4 py-3 text-site bg-plain-light rounded border","t":1709756495,"css":".rounded{border-radius:var(\u002d\u002dska-border-radius)}.border{border-width:1px}.bg-plain-light{\u002d\u002dtw-bg-opacity:1;background-color:rgba(var(\u002d\u002dska-rgb-plain-light),1)}.px-4{padding-left:var(\u002d\u002dska-spacing-4);padding-right:var(\u002d\u002dska-spacing-4)}.py-3{padding-top:var(\u002d\u002dska-spacing-3);padding-bottom:var(\u002d\u002dska-spacing-3)}.text-site{\u002d\u002dtw-text-opacity:1;color:rgba(var(\u002d\u002dska-rgb-site),0.87)}"}} -->
<div class="px-4 py-3 text-site bg-plain-light rounded border wp-block-ska-element"><!-- wp:paragraph {"skaBlocks":{"cx":"-mt-1 mb-0 text-base","t":1709756495,"css":".-mt-1{margin-top:calc(var(\u002d\u002dska-spacing-1) * -1)}.mb-0{margin-bottom:var(\u002d\u002dska-spacing-0)}.text-base{font-size:var(\u002d\u002dska-font-size-base);line-height:var(\u002d\u002dska-font-size-base-lh)}"},"skaBlocksMargin":{"v":{"$":{"@":"","t":"-1","b":"0"}},"t":"sides"},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<p class="-mt-1 mb-0 text-base"><strong>Lorem ipsum dolor sit amet</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"skaBlocks":{"cx":"text-sm/tight","t":1709756495,"css":".text-sm\\/tight{font-size:var(\u002d\u002dska-font-size-sm);line-height:1.25}"},"skaBlocksFontSize":{"v":{"$":{"@":"sm/tight"}}}} -->
<p class="text-sm/tight">Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:ska/element -->

Message with a list

Lorem ipsum dolor sit amet

  • Nam vestibulum sapien viverra nisi auctor mollis
  • Ut vitae erat vitae neque interdum congue
  • Suspendisse eleifend dolor vel eleifend
<!-- wp:ska/element {"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocks":{"cx":"px-4 py-3 text-site bg-plain-light rounded border","t":1709756495,"css":".rounded{border-radius:var(\u002d\u002dska-border-radius)}.border{border-width:1px}.bg-plain-light{\u002d\u002dtw-bg-opacity:1;background-color:rgba(var(\u002d\u002dska-rgb-plain-light),1)}.px-4{padding-left:var(\u002d\u002dska-spacing-4);padding-right:var(\u002d\u002dska-spacing-4)}.py-3{padding-top:var(\u002d\u002dska-spacing-3);padding-bottom:var(\u002d\u002dska-spacing-3)}.text-site{\u002d\u002dtw-text-opacity:1;color:rgba(var(\u002d\u002dska-rgb-site),0.87)}"}} -->
<div class="px-4 py-3 text-site bg-plain-light rounded border wp-block-ska-element"><!-- wp:paragraph {"skaBlocks":{"cx":"-mt-1 mb-0 text-base","t":1709756495,"css":".-mt-1{margin-top:calc(var(\u002d\u002dska-spacing-1) * -1)}.mb-0{margin-bottom:var(\u002d\u002dska-spacing-0)}.text-base{font-size:var(\u002d\u002dska-font-size-base);line-height:var(\u002d\u002dska-font-size-base-lh)}"},"skaBlocksMargin":{"v":{"$":{"@":"","t":"-1","b":"0"}},"t":"sides"},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<p class="-mt-1 mb-0 text-base"><strong>Lorem ipsum dolor sit amet</strong></p>
<!-- /wp:paragraph -->

<!-- wp:list {"skaBlocks":{"cx":"ml-5 text-sm/normal list-disc","t":1709756495,"css":".ml-5{margin-left:var(\u002d\u002dska-spacing-5)}.list-disc{list-style-type:disc}.text-sm\\/normal{font-size:var(\u002d\u002dska-font-size-sm);line-height:1.5}"},"skaBlocksMargin":{"v":{"$":{"@":"","l":"5"}},"t":"sides"},"skaBlocksFontSize":{"v":{"$":{"@":"sm/normal"}}},"skaBlocksListStyleType":{"v":{"$":{"@":"disc"}}}} -->
<ul class="ml-5 text-sm/normal list-disc"><!-- wp:list-item -->
<li>Nam vestibulum sapien viverra nisi auctor mollis</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Ut vitae erat vitae neque interdum congue</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Suspendisse eleifend dolor vel eleifend</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:ska/element -->

Message with an icon, header and content

Lorem ipsum dolor sit amet

Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.

<!-- wp:ska/element {"skaBlocksDisplay":{"v":{"$":{"@":"flex"}}},"skaBlocksFlexDirection":{"v":{"$":{"@":"row"}}},"skaBlocksGap":{"v":{"$":{"@":"3"}}},"skaBlocksAlignItems":{"v":{"$":{"@":"center"}}},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocks":{"cx":"flex flex-row gap-3 items-center px-4 py-3 text-site bg-plain-light rounded border","t":1709756495,"css":".flex{display:flex}.flex-row{flex-direction:row}.items-center{align-items:center}.gap-3{gap:var(\u002d\u002dska-spacing-3)}.rounded{border-radius:var(\u002d\u002dska-border-radius)}.border{border-width:1px}.bg-plain-light{\u002d\u002dtw-bg-opacity:1;background-color:rgba(var(\u002d\u002dska-rgb-plain-light),1)}.px-4{padding-left:var(\u002d\u002dska-spacing-4);padding-right:var(\u002d\u002dska-spacing-4)}.py-3{padding-top:var(\u002d\u002dska-spacing-3);padding-bottom:var(\u002d\u002dska-spacing-3)}.text-site{\u002d\u002dtw-text-opacity:1;color:rgba(var(\u002d\u002dska-rgb-site),0.87)}"}} -->
<div class="flex flex-row gap-3 items-center px-4 py-3 text-site bg-plain-light rounded border wp-block-ska-element"><!-- wp:ska/image {"mode":"icon","svg":"\u003csvg data-svg-width=\u002224\u0022 data-svg-height=\u002224\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\n\u003cpath d=\u0022M3.75 3V14.25C3.75 15.4926 4.75736 16.5 6 16.5H8.25M3.75 3H2.25M3.75 3H20.25M20.25 3H21.75M20.25 3V14.25C20.25 15.4926 19.2426 16.5 18 16.5H15.75M8.25 16.5H15.75M8.25 16.5L7.25 19.5M15.75 16.5L16.75 19.5M16.75 19.5L17.25 21M16.75 19.5H7.25M7.25 19.5L6.75 21M9 11.25V12.75M12 9V12.75M15 6.75V12.75\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00221.5\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022/\u003e\n\u003c/svg\u003e\n","collection":"heroicons","icon":"24/outline/presentation-chart-bar","skaBlocks":{"cx":"min-w-10 h-auto text-site/75","t":1709756495,"css":".h-auto{height:auto}.min-w-10{min-width:var(\u002d\u002dska-spacing-10)}.text-site\\/75{color:rgba(var(\u002d\u002dska-rgb-site),0.75)}"},"skaBlocksMinWidth":{"v":{"$":{"@":"10"}}},"skaBlocksHeight":{"v":{"$":{"@":"auto"}}},"skaBlocksTextColor":{"v":{"$":{"@":"site/75"}}}} -->
<div role="figure" aria-hidden="true" class="min-w-10 h-auto text-site/75 wp-block-ska-image"><svg data-svg-width="24" data-svg-height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 3V14.25C3.75 15.4926 4.75736 16.5 6 16.5H8.25M3.75 3H2.25M3.75 3H20.25M20.25 3H21.75M20.25 3V14.25C20.25 15.4926 19.2426 16.5 18 16.5H15.75M8.25 16.5H15.75M8.25 16.5L7.25 19.5M15.75 16.5L16.75 19.5M16.75 19.5L17.25 21M16.75 19.5H7.25M7.25 19.5L6.75 21M9 11.25V12.75M12 9V12.75M15 6.75V12.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<!-- /wp:ska/image -->

<!-- wp:ska/element -->
<div class="wp-block-ska-element"><!-- wp:paragraph {"skaBlocks":{"cx":"-mt-1 mb-0 text-base","t":1709756495,"css":".-mt-1{margin-top:calc(var(\u002d\u002dska-spacing-1) * -1)}.mb-0{margin-bottom:var(\u002d\u002dska-spacing-0)}.text-base{font-size:var(\u002d\u002dska-font-size-base);line-height:var(\u002d\u002dska-font-size-base-lh)}"},"skaBlocksMargin":{"v":{"$":{"@":"","t":"-1","b":"0"}},"t":"sides"},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<p class="-mt-1 mb-0 text-base"><strong>Lorem ipsum dolor sit amet</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"skaBlocks":{"cx":"text-sm/tight","t":1709756495,"css":".text-sm\\/tight{font-size:var(\u002d\u002dska-font-size-sm);line-height:1.25}"},"skaBlocksFontSize":{"v":{"$":{"@":"sm/tight"}}}} -->
<p class="text-sm/tight">Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:ska/element --></div>
<!-- /wp:ska/element -->