diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/layouts/_default')
5 files changed, 83 insertions, 18 deletions
diff --git a/vendor/twbs/bootstrap/site/layouts/_default/_markup/render-heading.html b/vendor/twbs/bootstrap/site/layouts/_default/_markup/render-heading.html new file mode 100644 index 000000000..cfb3d8fe7 --- /dev/null +++ b/vendor/twbs/bootstrap/site/layouts/_default/_markup/render-heading.html @@ -0,0 +1,5 @@ +<h{{ .Level }} id="{{ .Anchor | safeURL }}">{{ .Text | safeHTML }} +{{- if and (ge .Level .Page.Site.Params.anchors.min) (le .Level .Page.Site.Params.anchors.max) }}{{" " -}} +<a class="anchor-link" href="#{{ .Anchor | safeURL }}" aria-label="Link to this section: {{ .Text | safeHTML }}"></a> +{{- end -}} +</h{{ .Level }}> diff --git a/vendor/twbs/bootstrap/site/layouts/_default/baseof.html b/vendor/twbs/bootstrap/site/layouts/_default/baseof.html index 713ab2864..fdf19b31f 100644 --- a/vendor/twbs/bootstrap/site/layouts/_default/baseof.html +++ b/vendor/twbs/bootstrap/site/layouts/_default/baseof.html @@ -5,6 +5,7 @@ </head> {{ block "body_override" . }}<body>{{ end }} {{ partial "skippy" . }} + {{ partial "icons" . }} {{ partial "docs-navbar" . }} diff --git a/vendor/twbs/bootstrap/site/layouts/_default/docs.html b/vendor/twbs/bootstrap/site/layouts/_default/docs.html index dd063c5dc..d7fcf23c8 100644 --- a/vendor/twbs/bootstrap/site/layouts/_default/docs.html +++ b/vendor/twbs/bootstrap/site/layouts/_default/docs.html @@ -1,29 +1,45 @@ {{ define "main" }} - {{ partial "docs-subnav" . }} - - <div class="container-xxl my-md-4 bd-layout"> + <div class="container-xxl bd-gutter mt-3 my-md-4 bd-layout"> <aside class="bd-sidebar"> - {{ partial "docs-sidebar" . }} + <div class="offcanvas-lg offcanvas-start" tabindex="-1" id="bdSidebar" aria-labelledby="bdSidebarOffcanvasLabel"> + <div class="offcanvas-header border-bottom"> + <h5 class="offcanvas-title" id="bdSidebarOffcanvasLabel">Browse docs</h5> + <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close" data-bs-target="#bdSidebar"></button> + </div> + + <div class="offcanvas-body"> + {{ partial "docs-sidebar" . }} + </div> + </div> </aside> <main class="bd-main order-1"> - <div class="bd-intro ps-lg-4"> + <div class="bd-intro pt-2 ps-lg-2"> <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between"> - <a class="btn btn-sm btn-bd-light mb-2 mb-md-0" href="{{ .Site.Params.repo }}/blob/main/site/content/{{ .Page.File.Path | replaceRE `\\` "/" }}" title="View and edit this file on GitHub" target="_blank" rel="noopener">View on GitHub</a> - <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1> + <a class="btn btn-sm btn-bd-light mb-3 mb-md-0 rounded-2" href="{{ .Site.Params.repo }}/blob/main/site/content/{{ .Page.File.Path | replaceRE `\\` "/" }}" title="View and edit this file on GitHub" target="_blank" rel="noopener"> + View on GitHub + </a> + <h1 class="bd-title mb-0" id="content">{{ .Title | markdownify }}</h1> </div> <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p> {{ partial "ads" . }} </div> {{ if (eq .Page.Params.toc true) }} - <div class="bd-toc mt-4 mb-5 my-md-0 ps-xl-3 mb-lg-5 text-muted"> - <strong class="d-block h6 my-2 pb-2 border-bottom">On this page</strong> - {{ .TableOfContents }} + <div class="bd-toc mt-3 mb-5 my-lg-0 ps-xl-3 mb-lg-5 text-muted"> + <button class="btn btn-link link-dark p-md-0 mb-2 mb-md-0 text-decoration-none bd-toc-toggle d-md-none" type="button" data-bs-toggle="collapse" data-bs-target="#tocContents" aria-expanded="false" aria-controls="tocContents"> + On this page + <svg class="bi d-md-none ms-2" aria-hidden="true"><use xlink:href="#chevron-expand"></use></svg> + </button> + <strong class="d-none d-md-block h6 my-2">On this page</strong> + <hr class="d-none d-md-block my-2"> + <div class="collapse bd-toc-collapse" id="tocContents"> + {{ .TableOfContents }} + </div> </div> {{ end }} - <div class="bd-content ps-lg-4"> + <div class="bd-content ps-lg-2"> {{ if .Page.Params.sections }} <div class="row g-3"> {{ range .Page.Params.sections }} @@ -46,4 +62,5 @@ {{ range .Page.Params.extra_js -}} <script{{ with .async }} async{{ end }} src="{{ .src }}"></script> {{- end -}} + <div class="position-fixed"><input type="text" tabindex="-1"></div> {{ end }} diff --git a/vendor/twbs/bootstrap/site/layouts/_default/examples.html b/vendor/twbs/bootstrap/site/layouts/_default/examples.html index 948c3756f..f70f859a6 100644 --- a/vendor/twbs/bootstrap/site/layouts/_default/examples.html +++ b/vendor/twbs/bootstrap/site/layouts/_default/examples.html @@ -31,6 +31,43 @@ font-size: 3.5rem; } } + + .b-example-divider { + height: 3rem; + background-color: rgba(0, 0, 0, .1); + border: solid rgba(0, 0, 0, .15); + border-width: 1px 0; + box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); + } + + .b-example-vr { + flex-shrink: 0; + width: 1.5rem; + height: 100vh; + } + + .bi { + vertical-align: -.125em; + fill: currentColor; + } + + .nav-scroller { + position: relative; + z-index: 2; + height: 2.75rem; + overflow-y: hidden; + } + + .nav-scroller .nav { + display: flex; + flex-wrap: nowrap; + padding-bottom: 1rem; + margin-top: -1px; + overflow-x: auto; + text-align: center; + white-space: nowrap; + -webkit-overflow-scrolling: touch; + } </style> {{ range .Page.Params.extra_css }} diff --git a/vendor/twbs/bootstrap/site/layouts/_default/single.html b/vendor/twbs/bootstrap/site/layouts/_default/single.html index 8ba99c718..52ae87c8e 100644 --- a/vendor/twbs/bootstrap/site/layouts/_default/single.html +++ b/vendor/twbs/bootstrap/site/layouts/_default/single.html @@ -1,14 +1,19 @@ {{ define "main" }} <header class="py-5 border-bottom"> - <div class="container pt-md-1 pb-md-4"> + <div class="container-xxl bd-gutter pt-md-1 pb-md-4"> <div class="row"> <div class="col-xl-8"> <h1 class="bd-title mt-0">{{ .Title | markdownify }}</h1> <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p> {{ if eq .Title "Examples" }} - <div class="d-flex flex-column flex-sm-row"> - <a href="{{ .Site.Params.download.dist_examples }}" class="btn btn-lg btn-bd-primary" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download Examples');">Download examples</a> - <a href="{{ .Site.Params.download.source }}" class="btn btn-lg btn-outline-secondary mt-3 mt-sm-0 ms-sm-3" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download');">Download source code</a> + <div class="d-flex flex-column flex-md-row gap-3"> + <a href="{{ .Site.Params.download.dist_examples }}" class="btn btn-lg bd-btn-lg btn-bd-primary d-flex align-items-center justify-content-center fw-semibold" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download Examples');"> + <svg class="bi me-2" aria-hidden="true"><use xlink:href="#box-seam"></use></svg> + Download examples + </a> + <a href="{{ .Site.Params.download.source }}" class="btn btn-lg bd-btn-lg btn-outline-secondary" onclick="ga('send', 'event', 'Examples', 'Hero', 'Download');"> + Download source code + </a> </div> {{ end }} </div> @@ -20,17 +25,17 @@ </header> <main class="bd-content order-1 py-5" id="content"> - <div class="container"> + <div class="container-xxl bd-gutter"> {{ .Content }} {{ if eq .Title "Examples" }} <hr class="my-5"> <div class="container"> <div class="text-center"> - <div class="masthead-followup-icon d-inline-block mb-2 text-white bg-danger"> + <div class="masthead-followup-icon d-inline-block mb-2 text-bg-danger"> {{ partial "icons/droplet-fill.svg" (dict "width" "32" "height" "32") }} </div> - <h2 class="display-6 fw-normal">Go further with Bootstrap Themes</h2> + <h2 class="display-6 fw-normal">Go further with Bootstrap Themes</h2> <p class="col-md-10 col-lg-8 mx-auto lead"> Need something more than these examples? Take Bootstrap to the next level with premium themes from the <a href="{{ .Site.Params.themes }}">official Bootstrap Themes marketplace</a>. They’re built as their own extended frameworks, rich with new components and plugins, documentation, and powerful build tools. </p> |