@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha6 → 1.0.0-alpha8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/{styles → css}/_article.scss +4 -0
- package/assets/css/_navbar-search.scss +54 -0
- package/assets/{styles → css}/_navbar.scss +4 -0
- package/assets/css/_tables.scss +34 -0
- package/assets/{styles → css}/_was-this-page-helpful.scss +1 -1
- package/layouts/_default/redirect.html +1 -1
- package/layouts/_default/single.html +1 -1
- package/layouts/partials/col-sidebar-menu.html +1 -1
- package/layouts/partials/col-sidebar.html +2 -2
- package/layouts/partials/meta.html +4 -4
- package/layouts/partials/navbar-search.html +3 -3
- package/layouts/partials/navbar.html +1 -1
- package/layouts/partials/skippy.html +3 -3
- package/package.json +6 -5
- package/assets/styles/_navbar-search.scss +0 -53
- package/assets/styles/_tables.scss +0 -5
- /package/assets/{styles → css}/_autocomplete.scss +0 -0
- /package/assets/{styles → css}/_cards.scss +0 -0
- /package/assets/{styles → css}/_codefences-dark.scss +0 -0
- /package/assets/{styles → css}/_codefences.scss +0 -0
- /package/assets/{styles → css}/_col-sidebar.scss +0 -0
- /package/assets/{styles → css}/_font-open-sans.scss +0 -0
- /package/assets/{styles → css}/_footer.scss +0 -0
- /package/assets/{styles → css}/_javascript-disabled.scss +0 -0
- /package/assets/{styles → css}/_list-js.scss +0 -0
- /package/assets/{styles → css}/_menu-right.scss +0 -0
- /package/assets/{styles → css}/_mobile.scss +0 -0
- /package/assets/{styles → css}/_news.scss +0 -0
- /package/assets/{styles → css}/_onetrust-cookie-banner.scss +0 -0
- /package/assets/{styles → css}/_posts.scss +0 -0
- /package/assets/{styles → css}/_print.scss +0 -0
- /package/assets/{styles → css}/_scroll-to-top-btn.scss +0 -0
- /package/assets/{styles → css}/_sidebar.scss +0 -0
- /package/assets/{styles → css}/_skippy.scss +0 -0
- /package/assets/{styles → css}/_theme-dark.scss +0 -0
- /package/assets/{styles → css}/_theme-light.scss +0 -0
- /package/assets/{styles → css}/_theme-toggle.scss +0 -0
- /package/assets/{styles → css}/_utilities.scss +0 -0
- /package/assets/{styles → css}/_xxl.scss +0 -0
- /package/assets/{styles/styles.scss → css/modus-docs.scss} +0 -0
@@ -0,0 +1,54 @@
|
|
1
|
+
.search-container {
|
2
|
+
width: 40px;
|
3
|
+
left: -12px;
|
4
|
+
}
|
5
|
+
|
6
|
+
.form-control-search {
|
7
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m16.38 14.92-.66.05-.41-.41c2.44-2.81 2.28-7.1-.5-9.7S7.8 2.4 5.17 4.94a6.988 6.988 0 0 0-.08 9.98c2.61 2.61 6.77 2.72 9.52.34l.41.41-.05.65 3.89 3.89a.996.996 0 1 0 1.41-1.41l-3.88-3.88Zm-2.81-1.41a5.016 5.016 0 0 1-7.08 0c-1.95-1.95-1.95-5.13 0-7.08s5.13-1.95 7.08 0 1.95 5.13 0 7.08Z'/%3E%3C/svg%3E");
|
8
|
+
background-position: 5px center;
|
9
|
+
background-repeat: no-repeat;
|
10
|
+
background-size: 20px;
|
11
|
+
border-left: 0;
|
12
|
+
border-right: 0;
|
13
|
+
padding: 0;
|
14
|
+
width: 0 !important;
|
15
|
+
z-index: 1210;
|
16
|
+
transition: all 0.2s;
|
17
|
+
left: auto;
|
18
|
+
top: 10px;
|
19
|
+
right: 5px;
|
20
|
+
}
|
21
|
+
|
22
|
+
.form-control-search:focus {
|
23
|
+
width: 363px !important;
|
24
|
+
max-width: calc(100vw - 200px);
|
25
|
+
text-indent: 18px;
|
26
|
+
padding: 0 4px 4px 16px;
|
27
|
+
visibility: visible;
|
28
|
+
}
|
29
|
+
|
30
|
+
.form-control-search:focus + .btn-search {
|
31
|
+
transition: all 1s;
|
32
|
+
background-color: transparent;
|
33
|
+
pointer-events: none !important;
|
34
|
+
}
|
35
|
+
|
36
|
+
.form-control-search:focus + .btn-search img {
|
37
|
+
opacity: 0;
|
38
|
+
}
|
39
|
+
|
40
|
+
.btn-search {
|
41
|
+
top: 0;
|
42
|
+
}
|
43
|
+
|
44
|
+
.btn-search i {
|
45
|
+
margin-top: 18px;
|
46
|
+
}
|
47
|
+
|
48
|
+
[data-bs-theme="dark"] .form-control-search {
|
49
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m16.38 14.92-.66.05-.41-.41c2.44-2.81 2.28-7.1-.5-9.7S7.8 2.4 5.17 4.94a6.988 6.988 0 0 0-.08 9.98c2.61 2.61 6.77 2.72 9.52.34l.41.41-.05.65 3.89 3.89a.996.996 0 1 0 1.41-1.41l-3.88-3.88Zm-2.81-1.41a5.016 5.016 0 0 1-7.08 0c-1.95-1.95-1.95-5.13 0-7.08s5.13-1.95 7.08 0 1.95 5.13 0 7.08Z'/%3E%3C/svg%3E") !important;
|
50
|
+
}
|
51
|
+
|
52
|
+
[data-bs-theme="dark"] .btn-search img {
|
53
|
+
filter: invert(1);
|
54
|
+
}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
main table {
|
2
|
+
width: 100%;
|
3
|
+
margin-bottom: 1rem;
|
4
|
+
border: 1px solid rgba(133, 133, 133, 0.1);
|
5
|
+
vertical-align: top;
|
6
|
+
|
7
|
+
// border-color: var(--bs-table-border-color);
|
8
|
+
}
|
9
|
+
|
10
|
+
main table thead th {
|
11
|
+
vertical-align: middle;
|
12
|
+
line-height: 1.25;
|
13
|
+
border-bottom-width: 1px;
|
14
|
+
}
|
15
|
+
|
16
|
+
main table thead tr {
|
17
|
+
background-color: rgba(133, 133, 133, 0.1);
|
18
|
+
}
|
19
|
+
|
20
|
+
main table td {
|
21
|
+
font-size: 0.875rem;
|
22
|
+
vertical-align: middle;
|
23
|
+
}
|
24
|
+
|
25
|
+
.table-bordered > :not(caption) > * > * {
|
26
|
+
border-width: 0 var(--bs-border-width);
|
27
|
+
}
|
28
|
+
|
29
|
+
table > :not(caption) > * > * {
|
30
|
+
padding: 0.25rem 1rem;
|
31
|
+
background-color: var(--bs-table-bg);
|
32
|
+
border-bottom-width: var(--bs-border-width);
|
33
|
+
box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
|
34
|
+
}
|
@@ -12,7 +12,7 @@
|
|
12
12
|
}
|
13
13
|
</script>
|
14
14
|
|
15
|
-
<!-- https://github.com/twbs/bootstrap/blob/v5.3.
|
15
|
+
<!-- https://github.com/twbs/bootstrap/blob/v5.3.2/site/layouts/partials/docs-sidebar.html -->
|
16
16
|
<div class="">
|
17
17
|
{{- $url := split .Permalink "/" -}}
|
18
18
|
{{- $page_slug := index $url (sub (len $url) 2) -}}
|
@@ -16,7 +16,7 @@
|
|
16
16
|
|
17
17
|
<div>
|
18
18
|
{{- with .Site.Params.GitHubRepo -}}
|
19
|
-
<a href="{{- . -}}" class="btn btn-lg btn-outline-secondary bg-transparent btn-icon-only border-0 mx-1"
|
19
|
+
<a href="{{- . -}}" class="btn btn-lg btn-outline-secondary text-body bg-transparent btn-icon-only border-0 mx-1"
|
20
20
|
target="_blank" rel="noopener" data-bs-toggle="tooltip" title="GitHub">
|
21
21
|
{{ partial "icons/brands/github.svg" (dict "class" "mt-2" "width" "22" "height" "22") }}
|
22
22
|
</a>
|
@@ -25,4 +25,4 @@
|
|
25
25
|
{{ partial "btn-theme-toggle" . }}
|
26
26
|
</div>
|
27
27
|
|
28
|
-
</div>
|
28
|
+
</div>
|
@@ -6,11 +6,11 @@
|
|
6
6
|
<script>document.documentElement.classList.remove('no-js');</script>
|
7
7
|
|
8
8
|
<!-- Load Modus Bootstrap CSS from CDN -->
|
9
|
-
<link rel="stylesheet" href="
|
9
|
+
<link rel="stylesheet" href="{{- .Site.BaseURL -}}css/modus-bootstrap.min.css">
|
10
10
|
|
11
11
|
<!-- Compiles and minifies the sites Sass files from /assets/css/ -->
|
12
12
|
{{- $sassOptions := (dict "enableSourceMap" true) -}}
|
13
|
-
{{ $styles := resources.Get "
|
13
|
+
{{ $styles := resources.Get "css/modus-docs.scss" | toCSS $sassOptions | postCSS | minify }}
|
14
14
|
<link rel="stylesheet" href="{{ $styles.RelPermalink }}?v{{ hugo.Version }}">
|
15
15
|
|
16
16
|
<!-- Load jQuery from CDN with fallback -->
|
@@ -62,7 +62,7 @@
|
|
62
62
|
<script nomodule crossorigin="anonymous"
|
63
63
|
src="https://polyfill.io/v3/polyfill.min.js?features=default%2CNumber.parseInt%2CNumber.parseFloat%2CArray.prototype.find%2CArray.prototype.includes"></script>
|
64
64
|
<script
|
65
|
-
nomodule>window.MSInputMethodContext && document.documentMode && document.write('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-ie11@5
|
65
|
+
nomodule>window.MSInputMethodContext && document.documentMode && document.write('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-ie11@5/css/bootstrap-ie11.min.css"><script src="https://cdn.jsdelivr.net/combine/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js,npm/ie11-custom-properties@4,npm/element-qsa-scope@1"><\/script>');</script>
|
66
66
|
|
67
67
|
{{- if not .Params.hideSearch -}}
|
68
68
|
<script>
|
@@ -81,7 +81,7 @@
|
|
81
81
|
{{ end }}
|
82
82
|
|
83
83
|
<!-- Loads Bootstrap 5 JS from CDN -->
|
84
|
-
<script src="
|
84
|
+
<script src="{{- .Site.BaseURL -}}js/bootstrap.bundle.min.js"></script>
|
85
85
|
|
86
86
|
{{ partial "analytics" . }}
|
87
87
|
|
@@ -1,10 +1,10 @@
|
|
1
|
-
<
|
1
|
+
<search class="search-container d-inline-block position-relative" role="search">
|
2
2
|
<input class="form-control form-control-search position-absolute" aria-label="Search" id="search-by" type="search"
|
3
3
|
name="q" placeholder="Search..." autocomplete="off" title="" required>
|
4
4
|
<label class="btn btn-lg btn-icon-only border-0 btn-search position-absolute px-1" for="search-by">
|
5
5
|
<i class="modus-icons notranslate text-white" aria-hidden="true">search</i>
|
6
6
|
</label>
|
7
|
-
</
|
7
|
+
</search>
|
8
8
|
|
9
9
|
<script>
|
10
10
|
// Lose Focus on Input when user presses Escape only if no input
|
@@ -16,4 +16,4 @@
|
|
16
16
|
}
|
17
17
|
}
|
18
18
|
});
|
19
|
-
</script>
|
19
|
+
</script>
|
@@ -11,7 +11,7 @@
|
|
11
11
|
<img src="https://modus-bootstrap.trimble.com/img/trimble-icon-rev.svg"
|
12
12
|
class="d-inline-block d-sm-none px-1 mt-1" height="25" width="25" alt="home" />
|
13
13
|
{{- if .Site.Params.Title -}}
|
14
|
-
<div class="float-end text-white h2 d-none d-md-inline-block
|
14
|
+
<div class="float-end text-white h2 d-none d-md-inline-block navbar-site-title">
|
15
15
|
{{- .Site.Title -}}
|
16
16
|
</div>
|
17
17
|
{{- end -}}
|
@@ -1,10 +1,10 @@
|
|
1
1
|
<div class="skippy visually-hidden-focusable overflow-hidden">
|
2
|
-
<div class="text-center
|
3
|
-
<a class="
|
2
|
+
<div class="text-center container-fluid">
|
3
|
+
<a class="btn btn-primary rounded p-1 m-2" href="#main">Skip to
|
4
4
|
main content</a>
|
5
5
|
|
6
6
|
{{ if (eq .Page.Layout "docs") }}
|
7
|
-
<a class="
|
7
|
+
<a class="d-md-inline-flex p-1 mb-1" href="#bd-docs-nav">Skip to docs
|
8
8
|
navigation</a>
|
9
9
|
{{- end }}
|
10
10
|
</div>
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@trimble-oss/modus-docs-hugo-theme",
|
3
|
-
"version": "1.0.0-
|
3
|
+
"version": "1.0.0-alpha8",
|
4
4
|
"description": "A Documentation theme for Hugo built by Trimble",
|
5
5
|
"homepage": "https://github.com/trimble-oss/modus-docs-hugo-theme",
|
6
6
|
"bugs": {
|
@@ -15,26 +15,27 @@
|
|
15
15
|
"scripts": {
|
16
16
|
"build": "npx hugo",
|
17
17
|
"lint": "npm run lint-css && npm run lint-html && npm run lint-js",
|
18
|
-
"lint-css": "stylelint \"assets/
|
18
|
+
"lint-css": "stylelint \"assets/css/*.*\" --fix",
|
19
19
|
"lint-html": "htmlhint \"build/**/index.html\"",
|
20
20
|
"lint-js": "eslint assets/js/*.js --fix",
|
21
21
|
"lint-links": "npx linkinator ./",
|
22
|
-
"lint-markdown": "npx markdownlint-cli content/**/*.md",
|
22
|
+
"lint-markdown": "npx markdownlint-cli content/**/*.md --fix",
|
23
23
|
"lint-spellcheck": "npx cspell \"content/**/*.md\" --no-progress",
|
24
24
|
"prettier": "prettier --write \"**/*.{json,js,md,svg}\"",
|
25
25
|
"serve": "hugo serve --port 4000 --disableFastRender --navigateToChanged",
|
26
26
|
"test": "npm run lint-css && npm run lint-html && npm run lint-js"
|
27
27
|
},
|
28
28
|
"dependencies": {
|
29
|
+
"@trimble-oss/modus-bootstrap": "2.0.0-alpha1",
|
29
30
|
"@trimble-oss/modus-icons": "1.4.0"
|
30
31
|
},
|
31
32
|
"devDependencies": {
|
32
|
-
"autoprefixer": "10.4.
|
33
|
+
"autoprefixer": "10.4.16",
|
33
34
|
"eslint": "8.49.0",
|
34
35
|
"eslint-config-prettier": "9.0.0",
|
35
36
|
"htmlhint": "1.1.4",
|
36
37
|
"hugo-bin": "0.114.2",
|
37
|
-
"postcss": "8.4.
|
38
|
+
"postcss": "8.4.30",
|
38
39
|
"postcss-cli": "10.1.0",
|
39
40
|
"prettier": "3.0.3",
|
40
41
|
"stylelint": "15.10.3",
|
@@ -1,53 +0,0 @@
|
|
1
|
-
.search-container {
|
2
|
-
width: 40px;
|
3
|
-
left: -12px;
|
4
|
-
}
|
5
|
-
|
6
|
-
.form-control-search {
|
7
|
-
background-image: url("https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1.3.1/dist/modus-solid/svg/search.svg");
|
8
|
-
background-position: 5px center;
|
9
|
-
background-repeat: no-repeat;
|
10
|
-
border-left: 0;
|
11
|
-
border-right: 0;
|
12
|
-
padding: 0;
|
13
|
-
width: 0 !important;
|
14
|
-
z-index: 1210;
|
15
|
-
transition: all 0.2s;
|
16
|
-
left: auto;
|
17
|
-
top: 10px;
|
18
|
-
right: 5px;
|
19
|
-
}
|
20
|
-
|
21
|
-
.form-control-search:focus {
|
22
|
-
width: 363px !important;
|
23
|
-
max-width: calc(100vw - 200px);
|
24
|
-
text-indent: 18px;
|
25
|
-
padding: 0 4px 4px 16px;
|
26
|
-
visibility: visible;
|
27
|
-
}
|
28
|
-
|
29
|
-
.form-control-search:focus + .btn-search {
|
30
|
-
transition: all 1s;
|
31
|
-
background-color: transparent;
|
32
|
-
pointer-events: none !important;
|
33
|
-
}
|
34
|
-
|
35
|
-
.form-control-search:focus + .btn-search img {
|
36
|
-
opacity: 0;
|
37
|
-
}
|
38
|
-
|
39
|
-
.btn-search {
|
40
|
-
top: 0;
|
41
|
-
}
|
42
|
-
|
43
|
-
.btn-search i {
|
44
|
-
margin-top: 18px;
|
45
|
-
}
|
46
|
-
|
47
|
-
[data-bs-theme="dark"] .form-control-search {
|
48
|
-
background-image: url("/img/icons/search-white.svg") !important;
|
49
|
-
}
|
50
|
-
|
51
|
-
[data-bs-theme="dark"] .btn-search img {
|
52
|
-
filter: invert(1);
|
53
|
-
}
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|