@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.
Files changed (40) hide show
  1. package/assets/{styles → css}/_article.scss +4 -0
  2. package/assets/css/_navbar-search.scss +54 -0
  3. package/assets/{styles → css}/_navbar.scss +4 -0
  4. package/assets/css/_tables.scss +34 -0
  5. package/assets/{styles → css}/_was-this-page-helpful.scss +1 -1
  6. package/layouts/_default/redirect.html +1 -1
  7. package/layouts/_default/single.html +1 -1
  8. package/layouts/partials/col-sidebar-menu.html +1 -1
  9. package/layouts/partials/col-sidebar.html +2 -2
  10. package/layouts/partials/meta.html +4 -4
  11. package/layouts/partials/navbar-search.html +3 -3
  12. package/layouts/partials/navbar.html +1 -1
  13. package/layouts/partials/skippy.html +3 -3
  14. package/package.json +6 -5
  15. package/assets/styles/_navbar-search.scss +0 -53
  16. package/assets/styles/_tables.scss +0 -5
  17. /package/assets/{styles → css}/_autocomplete.scss +0 -0
  18. /package/assets/{styles → css}/_cards.scss +0 -0
  19. /package/assets/{styles → css}/_codefences-dark.scss +0 -0
  20. /package/assets/{styles → css}/_codefences.scss +0 -0
  21. /package/assets/{styles → css}/_col-sidebar.scss +0 -0
  22. /package/assets/{styles → css}/_font-open-sans.scss +0 -0
  23. /package/assets/{styles → css}/_footer.scss +0 -0
  24. /package/assets/{styles → css}/_javascript-disabled.scss +0 -0
  25. /package/assets/{styles → css}/_list-js.scss +0 -0
  26. /package/assets/{styles → css}/_menu-right.scss +0 -0
  27. /package/assets/{styles → css}/_mobile.scss +0 -0
  28. /package/assets/{styles → css}/_news.scss +0 -0
  29. /package/assets/{styles → css}/_onetrust-cookie-banner.scss +0 -0
  30. /package/assets/{styles → css}/_posts.scss +0 -0
  31. /package/assets/{styles → css}/_print.scss +0 -0
  32. /package/assets/{styles → css}/_scroll-to-top-btn.scss +0 -0
  33. /package/assets/{styles → css}/_sidebar.scss +0 -0
  34. /package/assets/{styles → css}/_skippy.scss +0 -0
  35. /package/assets/{styles → css}/_theme-dark.scss +0 -0
  36. /package/assets/{styles → css}/_theme-light.scss +0 -0
  37. /package/assets/{styles → css}/_theme-toggle.scss +0 -0
  38. /package/assets/{styles → css}/_utilities.scss +0 -0
  39. /package/assets/{styles → css}/_xxl.scss +0 -0
  40. /package/assets/{styles/styles.scss → css/modus-docs.scss} +0 -0
@@ -81,6 +81,10 @@ a.header-link::after {
81
81
  display: inline-block;
82
82
  }
83
83
 
84
+ #main {
85
+ max-width: 1090px;
86
+ }
87
+
84
88
  .docs-callout {
85
89
  margin-top: 1.25rem;
86
90
  margin-bottom: 1.25rem;
@@ -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
+ }
@@ -3,3 +3,7 @@ html[data-bs-theme="dark"] {
3
3
  filter: invert(1);
4
4
  }
5
5
  }
6
+
7
+ .navbar-site-title {
8
+ margin-top: 12px;
9
+ }
@@ -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
+ }
@@ -1,5 +1,5 @@
1
1
  .feedback {
2
- border-color: #90939f !important;
2
+ border-color: #90939f;
3
3
  }
4
4
 
5
5
  .btn-feedback {
@@ -1,5 +1,5 @@
1
1
  <!doctype html>
2
- <html lang="en">
2
+ <html lang="{{ with .Site.LanguageCode }}{{- . -}}{{ else }}en-US{{- end -}}">
3
3
 
4
4
  <head>
5
5
  <meta charset="utf-8">
@@ -17,7 +17,7 @@
17
17
 
18
18
  {{ partial "header" . }}
19
19
 
20
- <main class="container mx-auto mt-5" style="max-width: 1090px;">
20
+ <main class="container mx-auto mt-5" id="main">
21
21
  <div class="row">
22
22
  <div class="col-12 col-xl-9">
23
23
  {{ if .Params.blog }}
@@ -12,7 +12,7 @@
12
12
  }
13
13
  </script>
14
14
 
15
- <!-- https://github.com/twbs/bootstrap/blob/v5.3.0/site/layouts/partials/docs-sidebar.html -->
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="https://modus-bootstrap.netlify.app/docs/v2/dist/css/modus-bootstrap.min.css">
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 "styles/styles.scss" | toCSS $sassOptions | postCSS | minify }}
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.3.1/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>
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="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
84
+ <script src="{{- .Site.BaseURL -}}js/bootstrap.bundle.min.js"></script>
85
85
 
86
86
  {{ partial "analytics" . }}
87
87
 
@@ -1,10 +1,10 @@
1
- <div class="search-container d-inline-block position-relative">
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
- </div>
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" style="margin-top: 12px;">
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 w-100">
3
- <a class="visually-hidden btn btn-primary rounded p-1 m-2" href="#main">Skip to
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="visually-hidden d-none d-md-inline-flex p-1 mb-1" href="#bd-docs-nav">Skip to docs
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-alpha6",
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/styles/*.*\" --fix",
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.15",
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.29",
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
- }
@@ -1,5 +0,0 @@
1
- main table {
2
- width: 100%;
3
- margin-bottom: 1rem;
4
- vertical-align: top;
5
- }
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