@trimble-oss/modus-docs-hugo-theme 1.0.0-alpha1

package/assets/styles/_codefences.scss

@@ -0,0 +1,243 @@
+// syntax highlighting for code blocks
+// https://gohugo.io/getting-started/configuration-markup#highlight
+
+/* prettier-ignore */
+/* stylelint-disable */
+.highlight {
+  background-color: rgba(0, 0, 0, 0.05);
+  padding: 8px;
+}
+.highlight .hll {
+  background-color: #ffc;
+}
+.highlight pre {
+  margin-bottom: 0;
+}
+.highlight .c {
+  color: #60a0b0;
+  font-style: italic;
+} /* Comment */
+.highlight .err {
+  border: 1px solid #eee;
+} /* Error */
+.highlight .k {
+  color: #50a14f;
+  font-weight: bold;
+} /* Keyword */
+.highlight .o {
+  color: #666;
+} /* Operator */
+.highlight .ch {
+  color: #60a0b0;
+  font-style: italic;
+} /* Comment.Hashbang */
+.highlight .cm {
+  color: #a0a1a7;
+  font-style: italic;
+} /* Comment.Multiline */
+.highlight .cp {
+  color: #4078f2;
+} /* Comment.Preproc */
+.highlight .cpf {
+  color: #60a0b0;
+  font-style: italic;
+} /* Comment.PreprocFile */
+.highlight .c1 {
+  color: #a0a1a7;
+  font-style: italic;
+} /* Comment.Single */
+.highlight .cs {
+  color: #60a0b0;
+  background-color: #fbf;
+} /* Comment.Special */
+.highlight .gd {
+  color: #a00000;
+} /* Generic.Deleted */
+.highlight .ge {
+  font-style: italic;
+} /* Generic.Emph */
+.highlight .gr {
+  color: #f00;
+} /* Generic.Error */
+.highlight .gh {
+  color: #008;
+  font-weight: bold;
+} /* Generic.Heading */
+.highlight .gi {
+  color: #0a0;
+} /* Generic.Inserted */
+.highlight .go {
+  color: #888;
+} /* Generic.Output */
+.highlight .gp {
+  color: #c65d09;
+  font-weight: bold;
+} /* Generic.Prompt */
+.highlight .gs {
+  font-weight: bold;
+} /* Generic.Strong */
+.highlight .gu {
+  color: #808;
+  font-weight: bold;
+} /* Generic.Subheading */
+.highlight .gt {
+  color: #04d;
+} /* Generic.Traceback */
+.highlight .kc {
+  color: #08b;
+  font-weight: bold;
+} /* Keyword.Constant */
+.highlight .kd {
+  color: #a626a4;
+  font-weight: bold;
+} /* Keyword.Declaration */
+.highlight .kn {
+  color: #072;
+  font-weight: bold;
+} /* Keyword.Namespace */
+.highlight .kp {
+  color: #071;
+} /* Keyword.Pseudo */
+.highlight .kr {
+  color: #a626a4;
+  font-weight: bold;
+} /* Keyword.Reserved */
+.highlight .kt {
+  color: #920;
+} /* Keyword.Type */
+.highlight .m {
+  color: #40a070;
+} /* Literal.Number */
+.highlight .s {
+  color: #07a;
+} /* Literal.String */
+.highlight .na {
+  color: #690;
+} /* Name.Attribute */
+.highlight .nb {
+  color: #072;
+} /* Name.Builtin */
+.highlight .nc {
+  color: #0e84b5;
+  font-weight: bold;
+} /* Name.Class */
+.highlight .no {
+  color: #6ad;
+} /* Name.Constant */
+.highlight .nd {
+  color: #555;
+  font-weight: bold;
+} /* Name.Decorator */
+.highlight .ni {
+  color: #d55537;
+  font-weight: bold;
+} /* Name.Entity */
+.highlight .ne {
+  color: #007020;
+} /* Name.Exception */
+.highlight .nf {
+  color: #06287e;
+} /* Name.Function */
+.highlight .nl {
+  color: #002070;
+  font-weight: bold;
+} /* Name.Label */
+.highlight .nn {
+  color: #555;
+  font-weight: bold;
+} /* Name.Namespace */
+.highlight .nt {
+  color: #905;
+  font-weight: bold;
+} /* Name.Tag */
+.highlight .nv {
+  color: #b6d;
+} /* Name.Variable */
+.highlight .nx {
+  color: #383a42;
+}
+.highlight .ow {
+  color: #007020;
+  font-weight: bold;
+} /* Operator.Word */
+.highlight .w {
+  color: #bbb;
+} /* Text.Whitespace */
+.highlight .mb {
+  color: #40a070;
+} /* Literal.Number.Bin */
+.highlight .mf {
+  color: #40a070;
+} /* Literal.Number.Float */
+.highlight .mh {
+  color: #40a070;
+} /* Literal.Number.Hex */
+.highlight .mi {
+  color: #961;
+} /* Literal.Number.Integer */
+.highlight .mo {
+  color: #4a0;
+} /* Literal.Number.Oct */
+.highlight .sa {
+  color: #44a;
+} /* Literal.String.Affix */
+.highlight .sb {
+  color: #47a;
+} /* Literal.String.Backtick */
+.highlight .sc {
+  color: #46a;
+} /* Literal.String.Char */
+.highlight .dl {
+  color: #48a;
+} /* Literal.String.Delimiter */
+.highlight .sd {
+  color: #49a;
+  font-style: italic;
+} /* Literal.String.Doc */
+.highlight .s2 {
+  color: #5af;
+} /* Literal.String.Double */
+.highlight .se {
+  color: #4070a0;
+  font-weight: bold;
+} /* Literal.String.Escape */
+.highlight .sh {
+  color: #4070a0;
+} /* Literal.String.Heredoc */
+.highlight .si {
+  color: #70a0d0;
+  font-style: italic;
+} /* Literal.String.Interpol */
+.highlight .sx {
+  color: #c65d09;
+} /* Literal.String.Other */
+.highlight .sr {
+  color: #235388;
+} /* Literal.String.Regex */
+.highlight .s1 {
+  color: #50a14f;
+} /* Literal.String.Single */
+.highlight .ss {
+  color: #517918;
+} /* Literal.String.Symbol */
+.highlight .bp {
+  color: #007020;
+} /* Name.Builtin.Pseudo */
+.highlight .fm {
+  color: #06287e;
+} /* Name.Function.Magic */
+.highlight .vc {
+  color: #b5a;
+} /* Name.Variable.Class */
+.highlight .vg {
+  color: #b6a;
+} /* Name.Variable.Global */
+.highlight .vi {
+  color: #b6d;
+} /* Name.Variable.Instance */
+.highlight .vm {
+  color: #b6c;
+} /* Name.Variable.Magic */
+.highlight .il {
+  color: #40a070;
+} /* Literal.Number.Integer.Long */

package/assets/styles/_col-sidebar.scss

@@ -0,0 +1,3 @@
+.col-sidebar {
+  width: 64px !important;
+}

package/assets/styles/_font-open-sans.scss

@@ -0,0 +1,69 @@
+/* open-sans-300 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-300.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-300.woff') format('woff');
+}
+
+/* open-sans-regular - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-regular.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-regular.woff') format('woff');
+}
+
+/* open-sans-600 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-600.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-600.woff') format('woff');
+}
+
+/* open-sans-700 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-700.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-700.woff') format('woff');
+}
+
+/* open-sans-800 - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-800.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-800.woff') format('woff');
+}
+
+/* open-sans-300italic - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 300;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-300italic.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-300italic.woff') format('woff');
+}
+
+/* open-sans-italic - latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: italic;
+  font-weight: 400;
+  src: local(''),
+       url('/fonts/open-sans-v27-latin-italic.woff2') format('woff2'),
+       url('/fonts/open-sans-v27-latin-italic.woff') format('woff');
+}

package/assets/styles/_footer.scss

@@ -0,0 +1,4 @@
+.footer,
+.footer p {
+  font-size: 14px !important;
+}

package/assets/styles/_javascript-disabled.scss

@@ -0,0 +1,21 @@
+.no-js input,
+.no-js a[data-toggle] {
+  pointer-events: none !important;
+  opacity: 0.65;
+}
+
+.no-js nav.navbar {
+  margin-top: 26px;
+}
+
+.no-js body::before {
+  height: 32px;
+  background-color: #e0e1e9;
+  text-align: center;
+  content: "⚠️ JavaScript is disabled. This site requires JavaScript to be enabled ⚠️";
+  display: block;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}

package/assets/styles/_list-js.scss

@@ -0,0 +1,27 @@
+.list:empty::before {
+  display: block;
+  width: 100%;
+  padding: 100px 2rem;
+  margin-right: 15px;
+  margin-left: 15px;
+  text-align: center;
+  content: "Nothing found, try searching again.";
+  background-color: rgba(133, 133, 133, 0.1);
+  border-radius: 0.5rem;
+}
+
+[data-bs-theme="dark"] {
+  .list:empty::before {
+    color: #f1f1f1;
+  }
+}
+
+[data-bs-theme="light"] {
+  .list:empty::before {
+    color: #464b52;
+  }
+}
+
+#icons-list {
+  min-height: 300px;
+}

package/assets/styles/_menu-right.scss

@@ -0,0 +1,55 @@
+#TableOfContents ul,
+#TableOfContents li {
+  list-style: none;
+  padding-left: 0;
+}
+
+#TableOfContents ul ul,
+#TableOfContents ul ul li {
+  list-style: none;
+  text-indent: 10px;
+}
+
+// right menu
+#TableOfContents li a {
+  padding-top: 0.3rem;
+  padding-bottom: 0.3rem;
+  font-size: 13px;
+  border-left: 1px solid transparent;
+}
+
+.menu-right a {
+  font-size: 13px;
+  color: #171c1e;
+}
+
+[data-bs-theme="dark"] {
+  .menu-right a {
+    color: #f1f1f1;
+  }
+}
+
+hr {
+  opacity: 0.4;
+}
+
+.menu-right a[href^="http"]::after {
+  filter: saturate(0%);
+}
+
+[data-bs-theme="light"] {
+  #TableOfContents li a:hover {
+    color: #00437b;
+  }
+}
+
+.menu-right #TableOfContents li.active,
+.menu-right #TableOfContents li a:hover {
+  border-left: 1px solid #d0d0d7;
+}
+
+// scrollspy color
+.menu-right #TableOfContents li .active {
+  color: #000 !important;
+  border-left: 1px solid #0d6aa8 !important;
+}

package/assets/styles/_mobile.scss

@@ -0,0 +1,52 @@
+/* iPhone 6/7/8 */
+@media (max-width: 375px) {
+  #sidebar-menu {
+    min-width: 250px;
+  }
+
+  #sidebar.collapsing + div,
+  #sidebar.show + div {
+    display: none;
+  }
+}
+
+/* iPhone 6+/7+/8+ */
+@media (min-width: 376px) and (max-width: 414px) {
+  #sidebar-menu {
+    min-width: 305px;
+  }
+
+  #sidebar.collapsing + div,
+  #sidebar.show + div {
+    display: none;
+  }
+}
+
+/* XS */ /* stylelint-disable-next-line */
+@media (max-width: 575px) {
+}
+
+/* SM */
+@media (max-width: 767px) {
+  #sidebar.show {
+    width: calc(100% - 68px) !important;
+    min-width: calc(100% - 68px) !important;
+  }
+
+  #sidebar.show + div {
+    display: none !important;
+    width: 0;
+  }
+
+  .collapsing {
+    transition: none !important;
+  }
+}
+
+/* SM Only */
+@media (min-width: 575px) and (max-width: 767px) {
+  #sidebar-menu .list-unstyled li {
+    width: 50%;
+    display: inline-block;
+  }
+}

package/assets/styles/_navbar-search.scss

@@ -0,0 +1,53 @@
+.search-container {
+  width: 40px;
+  left: -12px;
+}
+
+.form-control-search {
+  background-image: url("https://cdn.jsdelivr.net/npm/@trimble-oss/modus-icons@1.3.1/dist/modus-solid/svg/search.svg");
+  background-position: 5px center;
+  background-repeat: no-repeat;
+  border-left: 0;
+  border-right: 0;
+  padding: 0;
+  width: 0 !important;
+  z-index: 1210;
+  transition: all 0.2s;
+  left: auto;
+  top: 10px;
+  right: 5px;
+}
+
+.form-control-search:focus {
+  width: 363px !important;
+  max-width: calc(100vw - 200px);
+  text-indent: 18px;
+  padding: 0 4px 4px 16px;
+  visibility: visible;
+}
+
+.form-control-search:focus + .btn-search {
+  transition: all 1s;
+  background-color: transparent;
+  pointer-events: none !important;
+}
+
+.form-control-search:focus + .btn-search img {
+  opacity: 0;
+}
+
+.btn-search {
+  top: 0;
+}
+
+.btn-search i {
+  margin-top: 18px;
+}
+
+[data-bs-theme="dark"] .form-control-search {
+  background-image: url("/img/icons/search-white.svg") !important;
+}
+
+[data-bs-theme="dark"] .btn-search img {
+  filter: invert(1);
+}

package/assets/styles/_navbar.scss

@@ -0,0 +1,5 @@
+html[data-bs-theme="dark"] {
+  .dropdown-menu img {
+    filter: invert(1);
+  }
+}

package/assets/styles/_news.scss

@@ -0,0 +1,6 @@
+body[data-url^="/news/"] header {
+  aspect-ratio: 4 / 1;
+  background-size: cover;
+  background-position: center;
+  min-height: 200px;
+}

package/assets/styles/_onetrust-cookie-banner.scss

@@ -0,0 +1,166 @@
+/* Cookies title */
+#ot-pc-desc,
+#ot-pc-title,
+#onetrust-policy-title,
+#onetrust-policy-text {
+  color: #252a2e !important;
+}
+
+#onetrust-policy-text {
+  font-size: 14px !important;
+}
+
+/** Accept All Cookies button **/
+.onetrust-close-btn-handler,
+#accept-recommended-btn-handler,
+#onetrust-accept-btn-handler {
+  background-color: #0063a3 !important;
+  border-color: #0063a3 !important;
+  padding: 0.1875rem 1rem !important;
+  font-size: 0.8rem !important;
+  font-weight: 600 !important;
+  user-select: none !important;
+  line-height: 1.75 !important;
+  text-transform: lowercase !important;
+}
+
+/** 'Cookie Settings' button **/
+#onetrust-pc-btn-handler {
+  color: #0063a3 !important;
+  border: 1px solid #0063a3 !important;
+  font-size: 0.8rem !important;
+  font-weight: 600 !important;
+  padding: 0.1875rem 1rem !important;
+  user-select: none !important;
+  line-height: 1.75 !important;
+  text-decoration: none !important;
+  text-transform: lowercase !important;
+}
+
+/** capitalize first letter of button **/
+.cookie-setting-link::first-letter,
+#onetrust-pc-btn-handler::first-letter,
+#onetrust-pc-sdk .button-theme::first-letter,
+.onetrust-close-btn-handler::first-letter,
+#accept-recommended-btn-handler::first-letter,
+#onetrust-accept-btn-handler::first-letter {
+  text-transform: uppercase !important;
+}
+
+#ot-sdk-cookie-policy {
+  min-height: 820px;
+}
+
+.onetrust-close-btn-ui {
+  background-color: transparent !important;
+}
+
+/* stylelint-disable-next-line */
+#onetrust-banner-sdk.otFlat {
+  max-width: 998px;
+  margin-left: auto !important;
+  margin-right: auto !important;
+  overflow-y: hidden !important;
+}
+
+/** cookie settings button **/
+.optanon-show-settings {
+  text-transform: lowercase;
+}
+
+.optanon-show-settings::first-letter {
+  text-transform: uppercase;
+}
+
+.ot-sdk-cookie-policy-group-desc,
+#ot-sdk-cookie-policy-v2,
+#cookie-policy-description,
+#optanon-cookie-policy,
+#optanon-cookie-policy h3,
+#optanon-cookie-policy h4,
+#optanon-cookie-policy > p,
+#optanon-cookie-policy > * > p,
+#optanon-cookie-policy table td,
+#optanon-cookie-policy table td span,
+#optanon-cookie-policy > div {
+  color: #252a2e !important;
+}
+
+.ot-table-header {
+  position: static !important;
+  border-bottom-width: 2px !important;
+}
+
+#ot-sdk-cookie-policy-v2 table,
+.optanon-cookie-policy-subgroup-table {
+  border: 1px solid #b7b9c3;
+  border-radius: 0 !important;
+  color: #252a2e !important;
+}
+
+#ot-sdk-cookie-policy table thead,
+.optanon-cookie-policy-subgroup-table tr th,
+#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th {
+  background-color: #f1f1f6 !important;
+  color: #252a2e !important;
+  font-weight: 600 !important;
+}
+
+.optanon-cookie-policy-subgroup-table tr th {
+  border-top: 1px solid #b7b9c3;
+  padding-bottom: 0 !important;
+  padding-top: 1rem !important;
+}
+
+/** prefrence center modal **/
+#ot-pc-desc {
+  font-size: 14px !important;
+}
+
+#pc-policy-text,
+#ot-pc-content {
+  color: #252a2e !important;
+}
+
+.ot-pc-logo {
+  opacity: 0;
+}
+
+#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob {
+  border-color: #0063a3 !important;
+}
+
+#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob::before {
+  background-color: #0063a3 !important;
+}
+
+#onetrust-pc-sdk .ot-cat-grp .ot-always-active {
+  color: #0063a3 !important;
+}
+
+.ot-acc-txt,
+.ot-acc-txt p {
+  color: #252a2e !important;
+  background-color: #f1f1f6 !important;
+}
+
+#ot-sdk-btn {
+  border-color: #0063a3 !important;
+  font-size: 14px !important;
+  padding: 0.1875rem 1rem !important;
+  text-transform: lowercase;
+  user-select: none !important;
+  line-height: 1.75 !important;
+}
+
+#ot-sdk-btn::first-letter {
+  text-transform: uppercase;
+}
+
+#ot-sdk-btn:hover {
+  background-color: #0063a3 !important;
+}
+
+.ot-pc-footer-logo a {
+  opacity: 0.7;
+}