@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha6 → 1.0.0-alpha8
Sign up to get free protection for your applications and to get access to all the features.
- 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
|