To skin Bootstrap 5 colored links.
<dl>
<dt>Colored links</dt>
<dd><a href="#" class="link-primary">primary</a></dd>
<dd><a href="#" class="link-secondary">secondary</a></dd>
<dd><a href="#" class="link-success">success</a></dd>
<dd><a href="#" class="link-danger">danger</a></dd>
<dd><a href="#" class="link-warning">warning</a></dd>
<dd><a href="#" class="link-info">info</a></dd>
<dd><a href="#" class="link-light">light</a></dd>
<dd><a href="#" class="link-dark">dark</a></dd>
<dd><a href="#" class="link-body-emphasis">body-emphasis</a></dd>
</dl>
<dl>
<dt>Summary</dt>
<dd>
<details>
<summary class="link-primary">Toggle</summary>
<p>Content</p>
</details>
</dd>
</dl>
{
"shouldSkipPattern": true,
"bootstrap4Styles": [
{
"isInternal": true,
"layer": "foundation",
"path": "/assets/core-styles.bootstrap4.css"
}
],
"bootstrap5Styles": [
{
"isInternal": true,
"layer": "foundation",
"path": "/assets/core-styles.bootstrap5.css"
}
],
"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": "bootstrap5/utilities",
"shouldLoadBootstrap5": true,
"groups": [
{
"title": "Colored links",
"types": [
{
"type": "primary"
},
{
"type": "secondary"
},
{
"type": "success"
},
{
"type": "danger"
},
{
"type": "warning"
},
{
"type": "info"
},
{
"type": "light"
},
{
"type": "dark"
},
{
"type": "body-emphasis"
}
]
}
]
}