Skip to content

DITA Bootstrap v6 #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
jason-fox wants to merge 16 commits into
base: develop
Choose a base branch
from
Draft

DITA Bootstrap v6 #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
9fe1bd4
Update processing for v6
jason-fox Aug 1, 2026
7c0806d
Button icons
jason-fox Aug 1, 2026
5d72f03
Fix lefthook
jason-fox Aug 8, 2026
ec7eb20
Update badge, button and grid
jason-fox Aug 11, 2026
27bd7e1
button bug fix
jason-fox Aug 11, 2026
a8599ea
Process cols
jason-fox Aug 11, 2026
e8176c0
Add theme support
jason-fox Aug 20, 2026
e664aef
Fixing typography
jason-fox Aug 20, 2026
5066e76
Add pagination
jason-fox Aug 20, 2026
cd59796
Fix note indentation
jason-fox Aug 20, 2026
ead7dee
Merge branch 'develop' into v6
jason-fox Aug 20, 2026
720589d
Place codeblock in a card.
jason-fox Aug 20, 2026
088b2ba
Fixing padding bug.
jason-fox Aug 20, 2026
7371b13
Amend border
jason-fox Aug 20, 2026
7cf73de
Override frame colors
jason-fox Aug 21, 2026
e005388
Fixing base prism background
jason-fox Aug 21, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,4 +68,5 @@ $RECYCLE.BIN/

node_modules

out
out
.gstack/
2 changes: 1 addition & 1 deletion .lefthook.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,5 +9,5 @@ pre-commit:
commands:
prettier:
glob: '*.{css,dita*,json,md,xml,xsl,yml}'
run: prettier --write {staged_files}
run: npx prettier --write {staged_files}
stage_fixed: true
369 changes: 188 additions & 181 deletions cfg/fo/attrs/bootstrap-attr.xsl
View file
Open in desktop

Large diffs are not rendered by default.

153 changes: 80 additions & 73 deletions cfg/fo/attrs/default-values.xsl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,87 +6,87 @@
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="2.0">

<!-- Core Theme Colors -->
<xsl:variable name="bootstrap-primary">#0d6efd</xsl:variable>
<xsl:variable name="bootstrap-secondary">#6c757d</xsl:variable>
<xsl:variable name="bootstrap-success">#198754</xsl:variable>
<xsl:variable name="bootstrap-danger">#dc3545</xsl:variable>
<xsl:variable name="bootstrap-warning">#ffc107</xsl:variable>
<xsl:variable name="bootstrap-info">#0dcaf0</xsl:variable>
<xsl:variable name="bootstrap-light">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-dark">#212529</xsl:variable>
<xsl:variable name="bootstrap-primary">#0087fe</xsl:variable>
<xsl:variable name="bootstrap-secondary">#636c74</xsl:variable>
<xsl:variable name="bootstrap-success">#00b15a</xsl:variable>
<xsl:variable name="bootstrap-danger">#e62845</xsl:variable>
<xsl:variable name="bootstrap-warning">#ffc900</xsl:variable>
<xsl:variable name="bootstrap-info">#00b4f8</xsl:variable>
<xsl:variable name="bootstrap-accent">#7740ff</xsl:variable>
<xsl:variable name="bootstrap-inverse">#2c2f32</xsl:variable>
<xsl:variable name="bootstrap-link">#0d6efd</xsl:variable>

<!-- Subtle Colors -->
<xsl:variable name="bootstrap-primary-subtle">#e0f2ff</xsl:variable>
<xsl:variable name="bootstrap-primary-subtle-text">#084298</xsl:variable>
<xsl:variable name="bootstrap-secondary-subtle">#e2e3e5</xsl:variable>
<xsl:variable name="bootstrap-secondary-subtle-text">#41464b</xsl:variable>
<xsl:variable name="bootstrap-success-subtle">#d1e7dd</xsl:variable>
<xsl:variable name="bootstrap-success-subtle-text">#0f5132</xsl:variable>
<xsl:variable name="bootstrap-danger-subtle">#f8d7da</xsl:variable>
<xsl:variable name="bootstrap-danger-subtle-text">#842029</xsl:variable>
<xsl:variable name="bootstrap-warning-subtle">#fff3cd</xsl:variable>
<xsl:variable name="bootstrap-warning-subtle-text">#332701</xsl:variable>
<xsl:variable name="bootstrap-info-subtle">#cff4fc</xsl:variable>
<xsl:variable name="bootstrap-info-subtle-text">#032830</xsl:variable>
<xsl:variable name="bootstrap-light-subtle">#fefefe</xsl:variable>
<xsl:variable name="bootstrap-light-subtle-text">#141619</xsl:variable>
<xsl:variable name="bootstrap-dark-subtle">#ced4da</xsl:variable>
<xsl:variable name="bootstrap-dark-subtle-text">#141619</xsl:variable>
<xsl:variable name="bootstrap-primary-subtle">#dfe5ff</xsl:variable>
<xsl:variable name="bootstrap-primary-subtle-text">#21457c</xsl:variable>
<xsl:variable name="bootstrap-secondary-subtle">#f1f2f3</xsl:variable>
<xsl:variable name="bootstrap-secondary-subtle-text">#3e4347</xsl:variable>
<xsl:variable name="bootstrap-success-subtle">#d8f0dd</xsl:variable>
<xsl:variable name="bootstrap-success-subtle-text">#1a5931</xsl:variable>
<xsl:variable name="bootstrap-danger-subtle">#ffd9d7</xsl:variable>
<xsl:variable name="bootstrap-danger-subtle-text">#732026</xsl:variable>
<xsl:variable name="bootstrap-warning-subtle">#fff4d5</xsl:variable>
<xsl:variable name="bootstrap-warning-subtle-text">#7e6317</xsl:variable>
<xsl:variable name="bootstrap-info-subtle">#def0fe</xsl:variable>
<xsl:variable name="bootstrap-info-subtle-text">#215a79</xsl:variable>
<xsl:variable name="bootstrap-accent-subtle">#ead9ff</xsl:variable>
<xsl:variable name="bootstrap-accent-subtle-text">#41267c</xsl:variable>
<xsl:variable name="bootstrap-inverse-subtle">#e3e5e7</xsl:variable>
<xsl:variable name="bootstrap-inverse-subtle-text">#131415</xsl:variable>

<!-- Component-specific: Tables -->
<xsl:variable name="bootstrap-table-primary-bg">#cfe2ff</xsl:variable>
<xsl:variable name="bootstrap-table-primary-color">#052c65</xsl:variable>
<xsl:variable name="bootstrap-table-secondary-bg">#e2e3e5</xsl:variable>
<xsl:variable name="bootstrap-table-secondary-color">#41464b</xsl:variable>
<xsl:variable name="bootstrap-table-success-bg">#d1e7dd</xsl:variable>
<xsl:variable name="bootstrap-table-success-color">#0f5132</xsl:variable>
<xsl:variable name="bootstrap-table-info-bg">#cff4fc</xsl:variable>
<xsl:variable name="bootstrap-table-info-color">#032830</xsl:variable>
<xsl:variable name="bootstrap-table-warning-bg">#fff3cd</xsl:variable>
<xsl:variable name="bootstrap-table-warning-color">#332701</xsl:variable>
<xsl:variable name="bootstrap-table-danger-bg">#f8d7da</xsl:variable>
<xsl:variable name="bootstrap-table-danger-color">#842029</xsl:variable>
<xsl:variable name="bootstrap-table-light-bg">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-table-light-color">#212529</xsl:variable>
<xsl:variable name="bootstrap-table-dark-bg">#212529</xsl:variable>
<xsl:variable name="bootstrap-table-dark-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-table-primary-bg">#dfe5ff</xsl:variable>
<xsl:variable name="bootstrap-table-primary-color">#21457c</xsl:variable>
<xsl:variable name="bootstrap-table-secondary-bg">#f1f2f3</xsl:variable>
<xsl:variable name="bootstrap-table-secondary-color">#3e4347</xsl:variable>
<xsl:variable name="bootstrap-table-success-bg">#d8f0dd</xsl:variable>
<xsl:variable name="bootstrap-table-success-color">#1a5931</xsl:variable>
<xsl:variable name="bootstrap-table-info-bg">#def0fe</xsl:variable>
<xsl:variable name="bootstrap-table-info-color">#215a79</xsl:variable>
<xsl:variable name="bootstrap-table-warning-bg">#fff4d5</xsl:variable>
<xsl:variable name="bootstrap-table-warning-color">#7e6317</xsl:variable>
<xsl:variable name="bootstrap-table-danger-bg">#ffd9d7</xsl:variable>
<xsl:variable name="bootstrap-table-danger-color">#732026</xsl:variable>
<xsl:variable name="bootstrap-table-accent-bg">#ead9ff</xsl:variable>
<xsl:variable name="bootstrap-table-accent-color">#41267c</xsl:variable>
<xsl:variable name="bootstrap-table-inverse-bg">#2c2f32</xsl:variable>
<xsl:variable name="bootstrap-table-inverse-color">#ffffff</xsl:variable>

<!-- Component-specific: Buttons -->
<xsl:variable name="bootstrap-btn-primary-bg">#0d6efd</xsl:variable>
<xsl:variable name="bootstrap-btn-primary-bg">#0087fe</xsl:variable>
<xsl:variable name="bootstrap-btn-primary-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-btn-secondary-bg">#6c757d</xsl:variable>
<xsl:variable name="bootstrap-btn-secondary-bg">#636c74</xsl:variable>
<xsl:variable name="bootstrap-btn-secondary-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-btn-success-bg">#198754</xsl:variable>
<xsl:variable name="bootstrap-btn-success-bg">#00b15a</xsl:variable>
<xsl:variable name="bootstrap-btn-success-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-btn-info-bg">#0dcaf0</xsl:variable>
<xsl:variable name="bootstrap-btn-info-color">#000000</xsl:variable>
<xsl:variable name="bootstrap-btn-warning-bg">#ffc107</xsl:variable>
<xsl:variable name="bootstrap-btn-warning-color">#000000</xsl:variable>
<xsl:variable name="bootstrap-btn-danger-bg">#dc3545</xsl:variable>
<xsl:variable name="bootstrap-btn-info-bg">#00b4f8</xsl:variable>
<xsl:variable name="bootstrap-btn-info-color">#2c2f32</xsl:variable>
<xsl:variable name="bootstrap-btn-warning-bg">#ffc900</xsl:variable>
<xsl:variable name="bootstrap-btn-warning-color">#2c2f32</xsl:variable>
<xsl:variable name="bootstrap-btn-danger-bg">#e62845</xsl:variable>
<xsl:variable name="bootstrap-btn-danger-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-btn-light-bg">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-btn-light-color">#000000</xsl:variable>
<xsl:variable name="bootstrap-btn-dark-bg">#212529</xsl:variable>
<xsl:variable name="bootstrap-btn-dark-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-btn-accent-bg">#7740ff</xsl:variable>
<xsl:variable name="bootstrap-btn-accent-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-btn-inverse-bg">#2c2f32</xsl:variable>
<xsl:variable name="bootstrap-btn-inverse-color">#ffffff</xsl:variable>

<!-- Component-specific: Badges -->
<xsl:variable name="bootstrap-badge-primary-bg">#0d6efd</xsl:variable>
<xsl:variable name="bootstrap-badge-primary-bg">#0087fe</xsl:variable>
<xsl:variable name="bootstrap-badge-primary-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-badge-secondary-bg">#6c757d</xsl:variable>
<xsl:variable name="bootstrap-badge-secondary-bg">#636c74</xsl:variable>
<xsl:variable name="bootstrap-badge-secondary-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-badge-success-bg">#198754</xsl:variable>
<xsl:variable name="bootstrap-badge-success-bg">#00b15a</xsl:variable>
<xsl:variable name="bootstrap-badge-success-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-badge-info-bg">#0dcaf0</xsl:variable>
<xsl:variable name="bootstrap-badge-info-color">#000000</xsl:variable>
<xsl:variable name="bootstrap-badge-warning-bg">#ffc107</xsl:variable>
<xsl:variable name="bootstrap-badge-warning-color">#000000</xsl:variable>
<xsl:variable name="bootstrap-badge-danger-bg">#dc3545</xsl:variable>
<xsl:variable name="bootstrap-badge-info-bg">#00b4f8</xsl:variable>
<xsl:variable name="bootstrap-badge-info-color">#2c2f32</xsl:variable>
<xsl:variable name="bootstrap-badge-warning-bg">#ffc900</xsl:variable>
<xsl:variable name="bootstrap-badge-warning-color">#2c2f32</xsl:variable>
<xsl:variable name="bootstrap-badge-danger-bg">#e62845</xsl:variable>
<xsl:variable name="bootstrap-badge-danger-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-badge-light-bg">#f8f9fa</xsl:variable>
<xsl:variable name="bootstrap-badge-light-color">#000000</xsl:variable>
<xsl:variable name="bootstrap-badge-dark-bg">#212529</xsl:variable>
<xsl:variable name="bootstrap-badge-dark-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-badge-accent-bg">#7740ff</xsl:variable>
<xsl:variable name="bootstrap-badge-accent-color">#ffffff</xsl:variable>
<xsl:variable name="bootstrap-badge-inverse-bg">#2c2f32</xsl:variable>
<xsl:variable name="bootstrap-badge-inverse-color">#ffffff</xsl:variable>

<!-- Component-specific: Notes -->
<xsl:variable name="bootstrap-note-border-width">6pt</xsl:variable>
Expand All @@ -103,7 +103,10 @@
<xsl:variable name="bootstrap-spacing-5">36pt</xsl:variable>

<xsl:variable name="bootstrap-border-color">#dee2e6</xsl:variable>
<xsl:variable name="bootstrap-card-border-color" select="$bootstrap-border-color"/>
<xsl:variable name="bootstrap-card-background-color" select="$bootstrap-secondary-subtle"/>
<xsl:variable name="bootstrap-border-width">1pt</xsl:variable>
<xsl:variable name="bootstrap-blockquote-border-width">3pt</xsl:variable>

<xsl:variable name="bootstrap-rounded">6pt</xsl:variable>
<xsl:variable name="bootstrap-rounded-0">0</xsl:variable>
Expand Down Expand Up @@ -139,14 +142,17 @@
<xsl:variable name="bootstrap-h6-margin-top">6pt</xsl:variable>
<xsl:variable name="bootstrap-h6-margin-bottom">3pt</xsl:variable>

<xsl:variable name="bootstrap-display-1-font-size">60pt</xsl:variable>
<xsl:variable name="bootstrap-display-2-font-size">52pt</xsl:variable>
<xsl:variable name="bootstrap-display-3-font-size">44pt</xsl:variable>
<xsl:variable name="bootstrap-display-4-font-size">36pt</xsl:variable>
<xsl:variable name="bootstrap-display-5-font-size">28pt</xsl:variable>
<xsl:variable name="bootstrap-display-6-font-size">24pt</xsl:variable>
<xsl:variable name="bootstrap-display-font-weight">300</xsl:variable>
<xsl:variable name="bootstrap-display-line-height">1.2</xsl:variable>
<xsl:variable name="bootstrap-fs-xs">9pt</xsl:variable>
<xsl:variable name="bootstrap-fs-sm">10.5pt</xsl:variable>
<xsl:variable name="bootstrap-fs-base">12pt</xsl:variable>
<xsl:variable name="bootstrap-fs-md" select="$bootstrap-fs-base"/>
<xsl:variable name="bootstrap-fs-lg">15pt</xsl:variable>
<xsl:variable name="bootstrap-fs-xl">20.4pt</xsl:variable>
<xsl:variable name="bootstrap-fs-2xl">24pt</xsl:variable>
<xsl:variable name="bootstrap-fs-3xl">30pt</xsl:variable>
<xsl:variable name="bootstrap-fs-4xl">36pt</xsl:variable>
<xsl:variable name="bootstrap-fs-5xl">48pt</xsl:variable>
<xsl:variable name="bootstrap-fs-6xl">60pt</xsl:variable>

<xsl:variable name="bootstrap-body-color">#212529</xsl:variable>
<xsl:variable name="bootstrap-body-bg">#ffffff</xsl:variable>
Expand All @@ -156,7 +162,8 @@

<!-- PrismJS Decorator defaults -->
<xsl:variable name="prismjs.text.color" select="$bootstrap-body-color"/>
<xsl:variable name="prismjs.background.color" select="$bootstrap-secondary-subtle"/>
<xsl:variable name="prismjs.background.color">transparent</xsl:variable>
<xsl:variable name="prismjs.border.color" select="$bootstrap-card-border-color"/>
<xsl:variable name="prismjs.border.width" select="$bootstrap-border-width"/>

</xsl:stylesheet>
Loading