create-trellis-docs 1.0.0

package/template/src/css/custom.css

@@ -0,0 +1,765 @@
+/**
+ * Any CSS included here will be global. The classic template
+ * bundles Infima by default. Infima is a CSS framework designed to
+ * work well for content-centric websites.
+ */
+
+ @import 'tokens.css';
+
+
+/* You can override the default Infima variables here. */
+:root {
+  --ifm-color-primary: var(--brand-primary-600-value);
+  --ifm-color-primary-dark: var(--brand-primary-700-value);
+  --ifm-color-primary-darker: var(--brand-primary-800-value);
+  --ifm-color-primary-darkest: var(--brand-primary-900-value);
+  --ifm-color-primary-light: var(--brand-primary-500-value);
+  --ifm-color-primary-lighter: var(--brand-primary-400-value);
+  --ifm-color-primary-lightest: var(--brand-primary-300-value);
+  --ifm-code-font-size: 90%;
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+
+  --ifm-color-secondary: var(--brand-primary-800-value);
+  --ifm-color-secondary-dark: var(--brand-primary-900-value);
+  --ifm-color-secondary-darker: var(--brand-primary-900-value);
+  --ifm-color-secondary-darkest: #3b0764;
+  --ifm-color-secondary-light: var(--brand-primary-700-value);
+  --ifm-color-secondary-lighter: var(--brand-primary-600-value);
+  --ifm-color-secondary-lightest: var(--brand-primary-500-value);
+
+  --ifm-color-accent: var(--accent-teal-500-value);
+  --ifm-color-accent-dark: var(--accent-teal-600-value);
+  --ifm-color-accent-darker: #0f766e;
+  --ifm-color-accent-darkest: #115e59;
+  --ifm-color-accent-light: var(--accent-teal-400-value);
+  --ifm-color-accent-lighter: var(--accent-teal-300-value);
+  --ifm-color-accent-lightest: var(--accent-teal-200-value);
+
+  --ifm-background-color: var(--neutral-slate-50-value);
+  --ifm-color-content-secondary: rgba(15, 23, 42, 0.6);
+  --ifm-border-color: rgba(15, 23, 42, 0.12);
+  --ifm-global-shadow-lw: rgba(15, 23, 42, 0.03) 0px 0px 0px 1px,
+    rgba(15, 23, 42, 0.1) 0px 1px 2px 0px;
+  --ifm-global-shadow-md: rgba(15, 23, 42, 0.06) 0px 0px 0px 1px,
+    rgba(15, 23, 42, 0.1) 0px 10px 15px -3px, rgba(15, 23, 42, 0.05) 0px 4px 6px,
+    rgba(15, 23, 42, 0.05) 0px 30px 40px;
+  --ifm-global-shadow-tl: rgba(15, 23, 42, 0.08) 0px 0px 0px 1px,
+    rgba(15, 23, 42, 0.25) 0px 25px 50px -12px, rgba(15, 23, 42, 0.06) 0px 50px 80px;
+
+  --ifm-leading-desktop: 1;
+  --doc-sidebar-width: 320px !important;
+  --ifm-navbar-height: 56px;
+  --ifm-navbar-background-color: var(--ifm-background-color);
+  --ifm-navbar-shadow: var(--ifm-navbar-shadow);
+  --docusaurus-tag-list-border: var(--ifm-color-emphasis-300);
+}
+
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+[data-theme='dark'] {
+  --ifm-color-primary: var(--accent-teal-400-value);
+  --ifm-color-primary-dark: var(--accent-teal-500-value);
+  --ifm-color-primary-darker: var(--accent-teal-600-value);
+  --ifm-color-primary-darkest: #0f766e;
+  --ifm-color-primary-light: var(--accent-teal-300-value);
+  --ifm-color-primary-lighter: var(--accent-teal-200-value);
+  --ifm-color-primary-lightest: #a7f3d0;
+
+  --ifm-color-secondary: var(--brand-primary-400-value);
+  --ifm-color-secondary-dark: var(--brand-primary-500-value);
+  --ifm-color-secondary-darker: var(--brand-primary-600-value);
+  --ifm-color-secondary-darkest: var(--brand-primary-700-value);
+  --ifm-color-secondary-light: var(--brand-primary-300-value);
+  --ifm-color-secondary-lighter: var(--brand-primary-200-value);
+  --ifm-color-secondary-lightest: var(--brand-primary-100-value);
+
+  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
+  --ifm-color-content: var(--neutral-slate-100-value);
+  --ifm-background-color: var(--neutral-slate-900-value);
+}
+
+[data-theme='dark'] .header-logo {
+  background-image: url('@site/static/img/favicon.svg');
+}
+
+[data-theme='dark'] hr {
+  background-color: var(--neutral-slate-700-value);
+}
+
+.markdown a {
+  color: var(--ifm-color-primary);
+}
+
+[data-theme='dark'] .markdown a {
+  color: var(--accent-teal-400-value);
+}
+
+body {
+  line-height: 1.5;
+  color: var(--ifm-color-content);
+  font-family: var(--typography-font-family-value);
+  background-color: var(--ifm-background-color);
+  hyphens: none;
+}
+
+h1:first-child {
+  --ifm-h1-font-size: 2.618rem;
+  line-height: 1.3;
+}
+
+header:first-child + p {
+  font-size: 1.2rem;
+  margin-top: calc(var(--ifm-leading) * -2);
+  margin-bottom: calc(var(--ifm-leading) * 1);
+  font-weight: 400;
+  line-height: 1.3;
+}
+
+h3 {
+  color: var(--neutral-slate-600-value);
+}
+
+[data-theme="dark"] h3 {
+  color: var(--neutral-slate-300-value);
+}
+
+.markdown h4 {
+  margin-top: 30px;
+}
+
+.markdown p {
+  margin-bottom: 2rem;
+}
+
+pre {
+  margin-top: 2rem;
+}
+
+.summary {
+  margin-top: 2rem;
+}
+
+blockquote {
+  background-color: var(--neutral-slate-100-value);
+  padding: 3px 16px;
+}
+
+[data-theme='dark'] blockquote {
+  color: var(--ifm-color-content);
+  background-color: var(--neutral-slate-800-value);
+}
+
+/* Navbar */
+
+.navbar__toggle {
+  margin-right: 1.5rem;
+}
+
+.navbar__toggle svg {
+  width: 24px;
+  height: 24px;
+}
+
+.navbar__logo,
+.navbar__logo img,
+a[class^='sidebarLogo'] img {
+  height: 39px;
+}
+
+.navbar__link {
+  text-decoration: none;
+}
+
+/* Tooltips */
+
+[data-tooltip] {
+  position: relative;
+  cursor: pointer;
+  border-bottom: 1px dashed var(--ifm-color-primary);
+  display: inline;
+}
+
+.tooltip-content {
+  visibility: hidden;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.2s ease-in-out;
+}
+
+.tooltip-content {
+  position: absolute;
+  top: 115%;
+  left: 50%;
+  margin-bottom: 5px;
+  margin-left: -80px;
+  padding: 15px;
+  width: 370px;
+  border-radius: 6px;
+  background-color: hsla(0, 0%, 10%, 0.9);
+  color: #fff;
+  text-align: left;
+  font-size: 14px;
+  line-height: 1.2;
+  z-index: 2;
+}
+
+.tooltip-content a {
+  color: var(--brand-primary-400-value);
+}
+
+.tooltip-content::after {
+  content: ' ';
+  position: absolute;
+  top: -5px;
+  left: 50%;
+  margin-left: -5px;
+  width: 0;
+  border-bottom: 5px solid hsla(0, 0%, 10%, 0.9);
+  border-right: 5px solid transparent;
+  border-left: 5px solid transparent;
+  font-size: 0;
+  line-height: 0;
+}
+
+[data-tooltip]:hover .tooltip-content {
+  visibility: visible;
+  opacity: 1;
+  pointer-events: auto;
+}
+
+/* Nested ordered list */
+ol li ol li {
+  list-style-type: lower-alpha;
+  margin-left: -15px;
+}
+
+ol li ol li ol li {
+  list-style-type: lower-roman;
+  margin-left: -15px;
+}
+
+ol li ol li ul li {
+  list-style-type: disc;
+  margin-left: -15px;
+}
+
+ol li ul li {
+  list-style-type: disc;
+  margin-left: -15px;
+}
+
+ul ol ul li {
+  list-style-type: disc;
+  margin-left: -15px;
+}
+
+ul li ol {
+  list-style-type: decimal;
+  margin-left: -15px;
+}
+
+ul li ul {
+  list-style-type: circle;
+}
+
+ul ul li ul {
+  list-style-type: square;
+}
+
+ul.no-style {
+  margin-left: -32px;
+}
+
+li.no-style {
+  list-style-type: none;
+}
+
+/* Images */
+
+.markdown img {
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  max-width: 60%;
+  height: auto;
+  margin-top: 1rem;
+}
+
+img.no-border {
+  border: none;
+  width: 100%;
+  height: auto;
+  margin: 0;
+}
+
+#diagrams {
+  display: block;
+  border: none;
+  padding: 0.5rem 0;
+  max-width: 100%;
+  border-radius: 5px;
+}
+
+/* Table of contents */
+
+.table-of-contents {
+  padding-top: 16px;
+  padding-bottom: 0;
+}
+
+.table-of-contents::before {
+  content: 'On this page';
+  font-size: 16px;
+  font-weight: var(--ifm-font-weight-bold);
+  margin-left: var(--ifm-toc-padding-horizontal);
+}
+
+div[class^='tocCollapsible'] .table-of-contents::before {
+  content: none;
+}
+
+.table-of-contents__left-border {
+  border: none;
+}
+
+.table-of-contents__link {
+  text-decoration: none;
+  font-size: 13px;
+}
+
+.table-of-contents__link--active {
+  position: relative;
+}
+
+.table-of-contents__link--active::before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 0;
+  left: calc(var(--ifm-toc-padding-horizontal) * -2);
+  width: 0.1875rem;
+  height: 1rem;
+  border-radius: 0.09375rem;
+  background-color: var(--ifm-color-primary);
+}
+
+div[class^='tocCollapsible'] {
+  background-color: var(--ifm-background-color);
+}
+
+html[data-theme='dark'] div[class^='tocCollapsible'] {
+  background-color: var(--neutral-slate-800-value);
+}
+
+div[class^='tocCollapsibleContent'] {
+  margin: 0 0.5rem;
+}
+
+div[class^='tocCollapsibleContent'] > ul {
+  padding: 0.25rem 0;
+}
+
+div[class^='tocCollapsibleContent'] ul li {
+  line-height: 1.5rem;
+  margin: 0.25rem 0;
+}
+
+/* Footer */
+
+.footer {
+  background-color: var(--ifm-color-primary);
+  padding: 0;
+  text-align: center;
+  font-size: 12px;
+  font-weight: 700;
+  color: white;
+  height: 24;
+}
+
+[data-theme='dark'] .footer {
+  color: var(--accent-teal-300-value);
+}
+
+[data-theme='dark'] .footer a {
+  color: var(--accent-teal-300-value);
+}
+
+.footer a {
+  color: white;
+}
+
+.footer a:hover {
+  color: white;
+  text-decoration: none;
+}
+
+/* Sidebar styles */
+
+.theme-doc-sidebar-item-category.theme-doc-sidebar-item-category-level-2
+  ul.menu__list {
+  border-left: 1px solid #ccc;
+  padding-left: 0;
+  margin-left: 16px;
+  margin-bottom: 2px;
+}
+
+.theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-3 a {
+  color: var(--ifm-font-color-secondary);
+}
+
+.theme-doc-sidebar-item-category.theme-doc-sidebar-item-category-level-3
+  ul.menu__list {
+  border-left: 0;
+  padding-left: 0;
+  margin-left: 16px;
+  margin-bottom: 2px;
+}
+
+.theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-3.menu__list-item
+  a.menu__link {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+
+.menu {
+  font-weight: var(--ifm-font-weight-normal);
+}
+
+nav[class^='menu'] {
+  padding: 1rem 0.5rem;
+}
+
+.menu .menu__link--sublist {
+  margin-bottom: 0;
+}
+
+.menu__link {
+  font-size: 1rem;
+  font-weight: 500;
+  line-height: 1.2rem;
+  color: var(--ifm-color-content-secondary);
+  min-height: 1.2rem;
+  position: relative;
+  text-decoration: none;
+  transition: none;
+}
+
+.theme-doc-sidebar-item-category-level-1 > .menu__list-item-collapsed {
+  background: none;
+  margin-top: 0.25rem;
+}
+
+.theme-doc-sidebar-menu.menu__list .menu__link--active:hover {
+  font-weight: 600;
+}
+
+.theme-doc-sidebar-item-category-level-1
+  > .menu__list-item-collapsible
+  > .menu__link {
+  font-weight: 600;
+  letter-spacing: 0.00786em;
+  color: var(--ifm-font-color-secondary);
+  cursor: default;
+}
+
+.theme-doc-sidebar-item-category-level-2
+  > .menu__list-item-collapsible
+  > .menu__link {
+  font-weight: 600;
+  letter-spacing: 0.00786em;
+  color: var(--ifm-font-color-secondary);
+  cursor: default;
+}
+
+.theme-doc-sidebar-item-category-level-1 > .menu__list {
+  padding-left: 12px;
+}
+
+.theme-doc-sidebar-item-link-level-2 .menu__link,
+.theme-doc-sidebar-item-link-level-3 .menu__link {
+  font-size: 1rem;
+  font-weight: var(--ifm-font-weight-normal);
+}
+
+.theme-doc-sidebar-item-link-level-4 .menu__link {
+  font-size: .95rem;
+  font-weight: var(--ifm-font-weight-normal);
+}
+
+.menu__list .menu__list {
+  margin-top: 0;
+  margin-bottom: 0.12rem;
+}
+
+.menu__list-item:not(:first-child) {
+  margin-top: 0;
+}
+
+.menu__list-item--collapsed .menu__link--sublist:after,
+.menu__list-item--collapsed .menu__caret::before {
+  transform: rotate(90deg);
+}
+
+.menu__link--sublist::after,
+.menu__caret::before {
+  background-size: 1.5rem;
+  transform: rotate(180deg);
+}
+
+.menu__caret {
+  margin: 0;
+}
+
+.menu__list-item--collapsed .menu__link--active {
+  background: var(--ifm-menu-color-background-active) !important;
+}
+
+.menu__link--active,
+.menu__link--active:hover {
+  color: var(--ifm-menu-color);
+}
+
+:not(.menu__list-item-collapsible) > .menu__link--active::before,
+.menu__list-item--collapsed .menu__link--active::before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  width: 0.1875rem;
+  height: 1rem;
+  transform: translateY(-0.5rem);
+  border-radius: 0.09375rem;
+  background-color: var(--ifm-color-primary);
+}
+
+.sidebar-version {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--ifm-color-content);
+  text-decoration: none;
+  text-align: left;
+  padding: 10px 0;
+}
+
+/* 404 page */
+
+.cover-404 {
+  background-color: rgba(124, 58, 237, 0.08);
+  background-size: cover;
+}
+
+.not-found-header {
+  height: 100%;
+  padding: 10px;
+  border-radius: 10px;
+  background-repeat: no-repeat;
+  background-size: 100%;
+  background-image: url('../../static/img/oops-404.svg');
+}
+
+h1.not-found {
+  text-align: center;
+  font-size: 56px;
+  margin-top: 6rem;
+}
+
+p.not-found {
+  font-size: 18px;
+  text-align: center;
+  margin-top: 30px;
+}
+
+.intro-text-button {
+  padding: 20px 0px 0px 0;
+  text-align: center;
+}
+
+.button-404 {
+  border-radius: 20px;
+  margin: 0 0.75em;
+  font-weight: 500;
+}
+
+/* Cards */
+
+.no-pointer {
+  pointer-events: none;
+}
+
+[data-theme='dark'] .no-pointer {
+  background-color: var(--ifm-background-color);
+}
+
+[data-theme='dark'] .card {
+  border: 1px solid var(--neutral-slate-700-value);
+}
+
+.card__header {
+  padding: 16px;
+}
+
+.card__header h3 {
+  margin-top: -8px;
+  font-size: 17px;
+  padding-bottom: 0.5rem;
+}
+
+.card__body p {
+  margin: 4px 0 6px 0;
+  font-size: 0.9rem;
+}
+
+.card__body li {
+  font-size: 0.9rem;
+}
+
+.card__body h5 {
+  margin-top: 14px;
+  margin-bottom: 4px;
+}
+
+[data-theme='dark'] .card-border {
+  border: 1px solid var(--neutral-slate-700-value);
+}
+
+.header-background {
+  background-color: var(--neutral-slate-200-value);
+}
+[data-theme='dark'] .header-background {
+  background-color: var(--neutral-slate-800-value);
+}
+
+/* Badges */
+
+.badge {
+  border-radius: 12px;
+  padding: 6px;
+  margin-bottom: 12px;
+}
+
+.badge--primary {
+  background-color: var(--ifm-color-primary);
+}
+
+[data-theme='dark'] .badge--primary {
+  color: var(--neutral-slate-900-value);
+}
+
+.badge--secondary {
+  background-color: var(--ifm-color-secondary);
+  color: white;
+}
+
+.badge--info {
+  background-color: var(--ifm-background-color);
+  color: var(--ifm-color-content-secondary);
+}
+
+/* Tables */
+
+th,
+td {
+  vertical-align: top;
+}
+
+.markdown th {
+  text-align: left;
+  text-transform: uppercase;
+  font-variant: small-caps;
+  font-size: small;
+  margin: 0;
+}
+
+.markdown p,
+li {
+  font-size: 16px;
+  font-weight: 400;
+  margin: 0;
+  padding: 0;
+}
+
+.markdown li {
+  margin: 12px 0;
+}
+
+.markdown p {
+  margin: 0.5rem 0;
+}
+
+/* Announcement bar */
+
+.theme-announcement-bar {
+  font-size: 22px;
+  height: 64px;
+  --site-announcement-bar-stripe-color1: var(--accent-teal-400-value);
+  --site-announcement-bar-stripe-color2: var(--accent-teal-400-value);
+  background: repeating-linear-gradient(
+    35deg,
+    var(--site-announcement-bar-stripe-color1),
+    var(--site-announcement-bar-stripe-color1) 20px,
+    var(--site-announcement-bar-stripe-color2) 10px,
+    var(--site-announcement-bar-stripe-color2) 40px
+  );
+  font-weight: bold;
+}
+
+/* Custom Dropdown Styles */
+
+.custom-dropdown__menu {
+  padding: 0.5rem 0;
+  background-color: var(--ifm-dropdown-background-color);
+  border: 1px solid var(--ifm-color-emphasis-200);
+  border-radius: var(--ifm-global-radius);
+  box-shadow: var(--ifm-global-shadow-md);
+}
+
+.custom-dropdown__item {
+  font-size: 15px;
+}
+
+.custom-dropdown__item a,
+.dropdown__menu .dropdown__link {
+  color: var(--ifm-font-color-base) !important;
+  background-color: transparent !important;
+  padding: 0.5rem 1rem;
+  display: block;
+  transition: all 0.2s ease-in-out;
+  text-decoration: none !important;
+}
+
+.custom-dropdown__item a:hover,
+.custom-dropdown__item a:focus,
+.dropdown__menu .dropdown__link:hover,
+.dropdown__menu .dropdown__link:focus {
+  color: var(--ifm-color-primary) !important;
+  background-color: var(--ifm-color-emphasis-100) !important;
+}
+
+.custom-dropdown__item a.dropdown__link--active,
+.dropdown__menu .dropdown__link--active {
+  color: var(--ifm-font-color-base) !important;
+  background-color: transparent !important;
+}
+
+.custom-dropdown__item a.dropdown__link--active:hover,
+.dropdown__menu .dropdown__link--active:hover {
+  color: var(--ifm-color-primary) !important;
+  background-color: var(--ifm-color-emphasis-100) !important;
+}
+
+.dropdown--show .custom-dropdown__menu {
+  margin-top: 0.2rem;
+}
+
+[data-theme='dark'] .custom-dropdown__item a,
+[data-theme='dark'] .dropdown__menu .dropdown__link {
+  color: var(--ifm-font-color-base) !important;
+  background-color: transparent !important;
+}
+
+[data-theme='dark'] .custom-dropdown__item a:hover,
+[data-theme='dark'] .custom-dropdown__item a:focus,
+[data-theme='dark'] .dropdown__menu .dropdown__link:hover,
+[data-theme='dark'] .dropdown__menu .dropdown__link:focus {
+  color: var(--ifm-color-primary) !important;
+  background-color: var(--ifm-color-emphasis-200) !important;
+}