Dots appearing before and after pathfinder statblocks

[gblosser42]

When using the pathfinder statblocks in this repo, small dots appear before and after the block. It has been observed on both the misc and basic layouts, but is not present in the basic 5e

This happens even on default Theme with no enabled css snippets

[sigrunixia]

Still working on trying to locate what is causing this.

[sigrunixia]

^ Not forgotten. Have been messing with the CSS and still not sure how to make it appear.

[CePeU]

I am currently looking how I can use the css to import the html generated by Obsidian into other programs like Foundry VTT and Bookstack. Out of the box most of the css works but there are some details missing which I have not yet figured out how to make it to conform to the Obsidian output. Maybe you can help me out? ;).

Anyway concerning the topic above which still seems open I discovered the following:
The output generates two div tags:

<div class="bar svelte-zyyfbl"></div>

Removing them from the html output will remove the dots. I know you probably cannot manipulate the html tags (which I am able to do) but you probably can adjust your css to overwrite the tags formatting or some other css magic I do not fully understand.

This is the dirty export of Obsidian and the html I am working on (being the creature example)

<div class="block-language-statblock statblock-plugin-container">
    <div class="container svelte-1unaafm">
        <div
            class="seething-umbral-dragon basic-pathfinder-2e-layout svelte-1unaafm obsidian-statblock-plugin statblock">
            <div class="bar svelte-zyyfbl"></div>
            <div class="statblock-content-container" style="--statblock-column-width: 400px;">
                <div class="statblock-content svelte-420xq">
                    <div class="column">
                        <div class="statblock-item-container inline-container statblock-item-inline">
                            <div class="statblock-inline-item property-container">
                                <div class="statblock-item-container property-container ">
                                    <div class="line name svelte-1rketb6"><span class="property-name svelte-1rketb6">
                                        </span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Seething Umbral Dragon</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="statblock-inline-item property-container">
                                <div class="statblock-item-container property-container ">
                                    <div class="line level svelte-1rketb6"><span class="property-name svelte-1rketb6">
                                        </span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Creature 20</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container rule-container">
                            <div class="tapered-rule svelte-k72li0"></div>
                        </div>
                        <div class="statblock-item-container inline-container statblock-item-inline">
                            <div class="statblock-inline-item property-container"></div>
                            <div class="statblock-inline-item property-container"></div>
                            <div class="statblock-inline-item property-container">
                                <div class="statblock-item-container property-container ">
                                    <div class="line rare_03 svelte-1rketb6"><span
                                            class="property-name svelte-1rketb6">rare_03</span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Rare</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="statblock-inline-item property-container"></div>
                            <div class="statblock-inline-item property-container">
                                <div class="statblock-item-container property-container ">
                                    <div class="line alignment svelte-1rketb6"><span
                                            class="property-name svelte-1rketb6"> </span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">NE</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="statblock-inline-item property-container">
                                <div class="statblock-item-container property-container ">
                                    <div class="line size svelte-1rketb6"><span class="property-name svelte-1rketb6">
                                        </span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Gargantuan</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="statblock-inline-item property-container"></div>
                            <div class="statblock-inline-item property-container"></div>
                            <div class="statblock-inline-item property-container"></div>
                            <div class="statblock-inline-item property-container">
                                <div class="statblock-item-container property-container ">
                                    <div class="line trait_04 svelte-1rketb6"><span
                                            class="property-name svelte-1rketb6"> </span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Dragon</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="statblock-inline-item property-container">
                                <div class="statblock-item-container property-container ">
                                    <div class="line trait_05 svelte-1rketb6"><span
                                            class="property-name svelte-1rketb6"> </span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Shadow</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="statblock-inline-item property-container"></div>
                            <div class="statblock-inline-item property-container"></div>
                        </div>
                        <div class="statblock-item-container rule-container">
                            <div class="tapered-rule svelte-k72li0"></div>
                        </div>
                        <div class="statblock-item-container traits-container ">
                            <div class="statblock-section-heading"></div>
                            <div class="statblock-item-container statblock-trait-prop">
                                <div class="property perception perception trait svelte-1d2gp4n">
                                    <div class="property-name trait-name svelte-1d2gp4n">
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Perception</p>
                                        </div>
                                    </div>
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">Perception +36; <strong>greater darkvision</strong>,
                                            <strong>imprecise scent 60</strong>, <strong>imprecise <a
                                                    data-href="tremorsense" href="tremorsense" class="internal-link"
                                                    target="_blank" rel="noopener nofollow">tremorsense</a> 60</strong>;
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container property-container ">
                            <div class="line languages svelte-1rketb6"><span
                                    class="property-name svelte-1rketb6">Language</span>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto">Common, Daemonic, Draconic, Necril, Shadowtongue; </p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container traits-container ">
                            <div class="statblock-section-heading">
                                <h3 class="section-header - svelte-1ascaxr">
                                    <div class="statblock-rendered-text-content inline svelte-1lnliuc"> </div>
                                </h3>
                            </div>
                            <div class="statblock-item-container statblock-trait-prop">
                                <div class="property skills skills trait svelte-1d2gp4n">
                                    <div class="property-name trait-name svelte-1d2gp4n">
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Skills</p>
                                        </div>
                                    </div>
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto"><strong>Acrobatics</strong>: +33 (1d20+33);
                                            <strong>Athletics</strong>: +38 (1d20+38); <strong>Deception</strong>: +34
                                            (1d20+34); <strong>Intimidation</strong>: +36 (1d20+36);
                                            <strong>Nature</strong>: +34 (1d20+34); <strong>Stealth</strong>: +35
                                            (1d20+35); <strong>Survival</strong>: +34 (1d20+34); </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container table-container ">
                            <div class="statblock-table abilitymods svelte-1jjvt5k">
                                <div class="table-item svelte-1jjvt5k"><span
                                        class="statblock-table-header svelte-1jjvt5k">Str</span> <span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">10</p>
                                        </div>
                                    </span> </div>
                                <div class="table-item svelte-1jjvt5k"><span
                                        class="statblock-table-header svelte-1jjvt5k">Dex</span> <span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">5</p>
                                        </div>
                                    </span> </div>
                                <div class="table-item svelte-1jjvt5k"><span
                                        class="statblock-table-header svelte-1jjvt5k">Con</span> <span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">7</p>
                                        </div>
                                    </span> </div>
                                <div class="table-item svelte-1jjvt5k"><span
                                        class="statblock-table-header svelte-1jjvt5k">Int</span> <span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">12</p>
                                        </div>
                                    </span> </div>
                                <div class="table-item svelte-1jjvt5k"><span
                                        class="statblock-table-header svelte-1jjvt5k">Wis</span> <span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">8</p>
                                        </div>
                                    </span> </div>
                                <div class="table-item svelte-1jjvt5k"><span
                                        class="statblock-table-header svelte-1jjvt5k">Cha</span> <span>
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">6</p>
                                        </div>
                                    </span> </div>
                            </div>
                        </div>
                        <div class="statblock-item-container rule-container">
                            <div class="tapered-rule svelte-k72li0"></div>
                        </div>
                        <div class="statblock-item-container traits-container ">
                            <div class="statblock-item-container statblock-trait-prop">
                                <div class="property hp health trait svelte-1d2gp4n">
                                    <div class="property-name trait-name svelte-1d2gp4n">
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">HP</p>
                                        </div>
                                    </div>
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">375; <strong>Immunities</strong> negative, paralyzed, sleep;</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container traits-container ">
                            <div class="statblock-item-container statblock-trait-prop">
                                <div class="property frightful-presence abilities_mid trait svelte-1d2gp4n">
                                    <div class="property-name trait-name svelte-1d2gp4n">
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Frightful Presence</p>
                                        </div>
                                    </div>
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto"> (<a data-href="aura" href="aura" class="internal-link"
                                                target="_blank" rel="noopener nofollow">aura</a>, <a data-href="emotion"
                                                href="emotion" class="internal-link" target="_blank"
                                                rel="noopener nofollow">emotion</a>, <a data-href="fear" href="fear"
                                                class="internal-link" target="_blank" rel="noopener nofollow">fear</a>,
                                            <a data-href="mental" href="mental" class="internal-link" target="_blank"
                                                rel="noopener nofollow">mental</a>); 90 feet, DC 40.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container statblock-trait-prop">
                            <div class="property attack-of-opportunity abilities_mid trait svelte-1d2gp4n">
                                <div class="property-name trait-name svelte-1d2gp4n">
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">Attack of Opportunity</p>
                                    </div>
                                </div>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto">⬲ Jaws only.</p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container rule-container">
                            <div class="tapered-rule svelte-k72li0"></div>
                        </div>
                        <div class="statblock-item-container property-container ">
                            <div class="line speed svelte-1rketb6"><span
                                    class="property-name svelte-1rketb6">Speed</span>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto">60 feet, fly 200 feet</p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container traits-container ">
                            <div class="statblock-item-container statblock-trait-prop">
                                <div class="property melee-jaw attacks trait svelte-1d2gp4n">
                                    <div class="property-name trait-name svelte-1d2gp4n">
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Melee Jaw</p>
                                        </div>
                                    </div>
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">⬻ +38 (<a data-href="negative" href="negative"
                                                class="internal-link" target="_blank"
                                                rel="noopener nofollow">negative</a>, <a data-href="magical"
                                                href="magical" class="internal-link" target="_blank"
                                                rel="noopener nofollow">magical</a>, <a data-tooltip-position="top"
                                                aria-label="reach" data-href="reach" href="reach" class="internal-link"
                                                target="_blank" rel="noopener nofollow">reach 20 feet</a>);
                                            <strong>Damage</strong> 4d10+18 (4d10+18) piercing plus 4d6 (4d6) negative
                                            and drain vigor</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container statblock-trait-prop">
                            <div class="property melee-claw attacks trait svelte-1d2gp4n">
                                <div class="property-name trait-name svelte-1d2gp4n">
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">Melee Claw</p>
                                    </div>
                                </div>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto">⬻ +38 (<a data-href="agile magical" href="agile magical"
                                            class="internal-link" target="_blank" rel="noopener nofollow">agile
                                            magical</a>, <a data-tooltip-position="top" aria-label="reach"
                                            data-href="reach" href="reach" class="internal-link" target="_blank"
                                            rel="noopener nofollow">reach 15 feet</a>); <strong>Damage</strong> 4d10+18
                                        (4d10+18) slashing</p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container statblock-trait-prop">
                            <div class="property melee-tail attacks trait svelte-1d2gp4n">
                                <div class="property-name trait-name svelte-1d2gp4n">
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">Melee Tail</p>
                                    </div>
                                </div>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto">⬻ +36 (<a data-href="magical" href="magical" class="internal-link"
                                            target="_blank" rel="noopener nofollow">magical</a>, <a
                                            data-tooltip-position="top" aria-label="reach" data-href="reach"
                                            href="reach" class="internal-link" target="_blank"
                                            rel="noopener nofollow">reach 25 feet</a>); <strong>Damage</strong> 4d12+18
                                        (4d12+18) slashing</p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container statblock-trait-prop">
                            <div class="property melee-wing attacks trait svelte-1d2gp4n">
                                <div class="property-name trait-name svelte-1d2gp4n">
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">Melee Wing</p>
                                    </div>
                                </div>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto">⬻ +36 (<a data-href="agile" href="agile" class="internal-link"
                                            target="_blank" rel="noopener nofollow">agile</a>, <a
                                            data-tooltip-position="top" aria-label="magical reach"
                                            data-href="magical reach" href="magical reach" class="internal-link"
                                            target="_blank" rel="noopener nofollow">magical reach 20 feet</a>);
                                        <strong>Damage</strong> 3d10+18 (3d10+18) slashing</p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container traits-container ">
                            <div class="statblock-item-container statblock-trait-prop">
                                <div class="property breath-weapon abilities_bot trait svelte-1d2gp4n">
                                    <div class="property-name trait-name svelte-1d2gp4n">
                                        <div class="statblock-markdown svelte-1c3hzq4">
                                            <p dir="auto">Breath Weapon</p>
                                        </div>
                                    </div>
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">⬺ The umbral dragon breathes in one of two ways. They can't use
                                            Breath Weapon again for 1d4 (1d4) rounds.</p>
                                        <ul class="inner-bullet-list">
                                            <li dir="auto"><strong>Negative</strong> (necromancy, negative, primal) The
                                                dragon breathes a blast of darkness in a 50-foot cone that deals 21d6
                                                (21d6) negative damage (DC 42 basic Reflex save). Undead creatures take
                                                25d6 (25d6) force damage instead of the negative damage.</li>
                                            <li dir="auto"><strong>Shadows</strong> (necromancy, primal, shadow) The
                                                dragon breathes a blast of shadows in a 50-foot cone. Each creature
                                                within the cone must attempt a DC 42 Fortitude save.<br>
                                                <strong>Critical Success</strong> The creature is unaffected.<br>
                                                <strong>Success</strong>&nbsp;The creature is&nbsp;<a
                                                    data-tooltip-position="top" aria-label="enfeebled"
                                                    data-href="enfeebled" href="enfeebled" class="internal-link"
                                                    target="_blank" rel="noopener nofollow">enfeebled 3</a>&nbsp;for 1
                                                round.<br>
                                                <strong>Failure</strong>&nbsp;The creature is&nbsp;<a
                                                    data-tooltip-position="top" aria-label="enfeebled"
                                                    data-href="enfeebled" href="enfeebled" class="internal-link"
                                                    target="_blank" rel="noopener nofollow">enfeebled 3</a>&nbsp;for 1
                                                minute.<br>
                                                <strong>Critical Failure</strong>&nbsp;The creature is&nbsp;<a
                                                    data-tooltip-position="top" aria-label="enfeebled"
                                                    data-href="enfeebled" href="enfeebled" class="internal-link"
                                                    target="_blank" rel="noopener nofollow">enfeebled 3</a>&nbsp;for 1
                                                minute and&nbsp;<a data-href="blinded" href="blinded"
                                                    class="internal-link" target="_blank"
                                                    rel="noopener nofollow">blinded</a>&nbsp;for 1 round.
                                            </li>
                                        </ul>
                                        <p dir="auto"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container statblock-trait-prop">
                            <div class="property draconic-frenzy abilities_bot trait svelte-1d2gp4n">
                                <div class="property-name trait-name svelte-1d2gp4n">
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">Draconic Frenzy</p>
                                    </div>
                                </div>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto">⬺ The dragon makes two claw <a data-tooltip-position="top"
                                            aria-label="Strike" data-href="Strike" href="Strike" class="internal-link"
                                            target="_blank" rel="noopener nofollow">Strikes</a> and one wing <a
                                            data-href="Strike" href="Strike" class="internal-link" target="_blank"
                                            rel="noopener nofollow">Strike</a> in any order.</p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container statblock-trait-prop">
                            <div class="property draconic-momentum abilities_bot trait svelte-1d2gp4n">
                                <div class="property-name trait-name svelte-1d2gp4n">
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">Draconic Momentum</p>
                                    </div>
                                </div>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto"> The dragon recharges their Breath Weapon whenever they score a
                                        critical hit with a <a data-href="Strike" href="Strike" class="internal-link"
                                            target="_blank" rel="noopener nofollow">Strike</a>.</p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container statblock-trait-prop">
                            <div class="property drain-vigor abilities_bot trait svelte-1d2gp4n">
                                <div class="property-name trait-name svelte-1d2gp4n">
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">Drain Vigor</p>
                                    </div>
                                </div>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto"> (<a data-href="primal" href="primal" class="internal-link"
                                            target="_blank" rel="noopener nofollow">primal</a>, <a
                                            data-href="necromancy" href="necromancy" class="internal-link"
                                            target="_blank" rel="noopener nofollow">necromancy</a>); When the dragon
                                        deals negative damage to a living creature with its jaws <a data-href="Strike"
                                            href="Strike" class="internal-link" target="_blank"
                                            rel="noopener nofollow">Strike</a>, the umbral dragon gains 20 temporary Hit
                                        Points and the creature must succeed at a DC 41 Fortitude save or become <a
                                            data-tooltip-position="top" aria-label="enfeebled" data-href="enfeebled"
                                            href="enfeebled" class="internal-link" target="_blank"
                                            rel="noopener nofollow">enfeebled 2</a>. Further damage dealt by the
                                        dragon's jaws <a data-href="Strike" href="Strike" class="internal-link"
                                            target="_blank" rel="noopener nofollow">Strike</a> increases the <a
                                            data-tooltip-position="top" aria-label="enfeebled" data-href="enfeebled"
                                            href="enfeebled" class="internal-link" target="_blank"
                                            rel="noopener nofollow">enfeebled</a> condition value by 2 on a failed save,
                                        to a maximum of <a data-tooltip-position="top" aria-label="enfeebled"
                                            data-href="enfeebled" href="enfeebled" class="internal-link" target="_blank"
                                            rel="noopener nofollow">enfeebled 4</a>.</p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container statblock-trait-prop">
                            <div class="property ghost-bane abilities_bot trait svelte-1d2gp4n">
                                <div class="property-name trait-name svelte-1d2gp4n">
                                    <div class="statblock-markdown svelte-1c3hzq4">
                                        <p dir="auto">Ghost Bane</p>
                                    </div>
                                </div>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto"> An umbral dragon's <a data-tooltip-position="top" aria-label="Strike"
                                            data-href="Strike" href="Strike" class="internal-link" target="_blank"
                                            rel="noopener nofollow">Strikes</a> affect incorporeal creatures with the
                                        effects of a ghost touch property rune, and an umbral dragon's jaws deal an
                                        additional 8d6 (8d6) force damage to undead.</p>
                                </div>
                            </div>
                        </div>
                        <div class="statblock-item-container rule-container">
                            <div class="tapered-rule svelte-k72li0"></div>
                        </div>
                        <div class="statblock-item-container property-container ">
                            <div class="line sourcebook svelte-1rketb6"><span class="property-name svelte-1rketb6">
                                    Source:</span>
                                <div class="statblock-markdown svelte-1c3hzq4">
                                    <p dir="auto">Altered from Ancient Umbral Dragon. <em>Bestiary 2</em>, page 97.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bar svelte-zyyfbl"></div>
        </div>
        <div class="icons svelte-1unaafm">
            <div class="clickable-icon extra-setting-button"><svg xmlns="http://www.w3.org/2000/svg" width="24"
                    height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                    stroke-linecap="round" stroke-linejoin="round" class="svg-icon lucide-more-vertical">
                    <circle cx="12" cy="12" r="1"></circle>
                    <circle cx="12" cy="5" r="1"></circle>
                    <circle cx="12" cy="19" r="1"></circle>
                </svg></div>
        </div>
    </div>
</div>