Create drop-cap from first letter of first direct-child paragraph.
<dl>
<dt>Used on Element to Drop-Cap</dt>
<dd>
<p class="s-drop-cap">The first letter of this sentence should be a drop-cap, because this paragraph has a <code>s-drop-cap</code> class. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis odio elit, faucibus blandit tellus mollis ut. Donec vel nibh at nisl fermentum sodales nec quis risus. Nullam et magna in metus vulputate fermentum a a augue.
</p>
</dd>
<dt>Used on Wrapper of Element to Drop-Cap</code></dt>
<dd class="s-drop-cap">
<p>The first letter of this sentence should be a drop-cap, because this paragraph is the first within an element that has a <code>s-drop-cap</code>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In venenatis odio elit, faucibus blandit tellus mollis ut. Donec vel nibh at nisl fermentum sodales nec quis risus. Nullam et magna in metus vulputate fermentum a a augue.
</p>
</dd>
</dl>
{
"shouldSkipPattern": true,
"globalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.demo.css"
},
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.base.css"
}
],
"cmsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.cms.css"
}
],
"docsStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.docs.css"
}
],
"portalStyles": [
{
"isInternal": true,
"layer": "base",
"path": "/assets/core-styles.portal.css"
}
],
"subdir": "trumps",
"shouldLoadCMS": true,
"📝 shouldLoadCMS": "only CMS imports this"
}