spec-up-t 1.1.55 → 1.2.1

package/assets/css/prism.default.css

@@ -0,0 +1,180 @@
+ /* PrismJS 1.30.0
+    To update this file, download PrismJS from https://prismjs.com/download.html and use this url, that includes only the languages and plugins you need:
+
+    https: //prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abnf+diff+git+http+js-extras+json+json5+js-templates+regex+yaml&plugins=line-numbers+highlight-keywords
+*/
+
+code[class*=language-],
+pre[class*=language-] {
+    color: #000;
+    background: 0 0;
+    text-shadow: 0 1px #fff;
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none
+}
+
+code[class*=language-] ::-moz-selection,
+code[class*=language-]::-moz-selection,
+pre[class*=language-] ::-moz-selection,
+pre[class*=language-]::-moz-selection {
+    text-shadow: none;
+    background: #b3d4fc
+}
+
+code[class*=language-] ::selection,
+code[class*=language-]::selection,
+pre[class*=language-] ::selection,
+pre[class*=language-]::selection {
+    text-shadow: none;
+    background: #b3d4fc
+}
+
+@media print {
+
+    code[class*=language-],
+    pre[class*=language-] {
+        text-shadow: none
+    }
+}
+
+pre[class*=language-] {
+    padding: 1em;
+    margin: .5em 0;
+    overflow: auto
+}
+
+:not(pre)>code[class*=language-],
+pre[class*=language-] {
+    background: #f5f2f0
+}
+
+:not(pre)>code[class*=language-] {
+    padding: .1em;
+    border-radius: .3em;
+    white-space: normal
+}
+
+.token.cdata,
+.token.comment,
+.token.doctype,
+.token.prolog {
+    color: #708090
+}
+
+.token.punctuation {
+    color: #999
+}
+
+.token.namespace {
+    opacity: .7
+}
+
+.token.boolean,
+.token.constant,
+.token.deleted,
+.token.number,
+.token.property,
+.token.symbol,
+.token.tag {
+    color: #905
+}
+
+.token.attr-name,
+.token.builtin,
+.token.char,
+.token.inserted,
+.token.selector,
+.token.string {
+    color: #690
+}
+
+.language-css .token.string,
+.style .token.string,
+.token.entity,
+.token.operator,
+.token.url {
+    color: #9a6e3a;
+    background: hsla(0, 0%, 100%, .5)
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+    color: #07a
+}
+
+.token.class-name,
+.token.function {
+    color: #dd4a68
+}
+
+.token.important,
+.token.regex,
+.token.variable {
+    color: #e90
+}
+
+.token.bold,
+.token.important {
+    font-weight: 700
+}
+
+.token.italic {
+    font-style: italic
+}
+
+.token.entity {
+    cursor: help
+}
+
+pre[class*=language-].line-numbers {
+    position: relative;
+    padding-left: 3.8em;
+    counter-reset: linenumber
+}
+
+pre[class*=language-].line-numbers>code {
+    position: relative;
+    white-space: inherit
+}
+
+.line-numbers .line-numbers-rows {
+    position: absolute;
+    pointer-events: none;
+    top: 0;
+    font-size: 100%;
+    left: -3.8em;
+    width: 3em;
+    letter-spacing: -1px;
+    border-right: 1px solid #999;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none
+}
+
+.line-numbers-rows>span {
+    display: block;
+    counter-increment: linenumber
+}
+
+.line-numbers-rows>span:before {
+    content: counter(linenumber);
+    color: #999;
+    display: block;
+    padding-right: .8em;
+    text-align: right
+}

package/assets/css/terms-and-definitions.1.css

@@ -0,0 +1,223 @@
+/* 
+ * Terms and Definitions Styling
+ * Organized by component and functionality
+ */
+
+/* ====== GENERAL HEADING STYLES ====== */
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 1.5em !important;
+}
+
+/* ====== TERMINOLOGY SECTION CONTAINER ====== */
+#terminology-section-utility-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  margin: 1em auto;
+  padding: 0;
+  width: 100%;
+}
+
+@media (min-width: 576px) {
+  #terminology-section-utility-container {
+    position: sticky;
+    top: 3.5em;
+    z-index: 10; /* Higher z-index to ensure it stays on top */
+  }
+}
+
+/* ====== ANCHOR LINKS ====== */
+.toc-anchor {
+  font-size: 0.875em;
+  color: #73c2df;
+  text-decoration: none;
+  transition: opacity 0.3s ease;
+}
+
+.toc-anchor:hover {
+  opacity: 1;
+}
+
+/* ====== DEFINITION LIST STYLING (BOOTSTRAP CARD STYLE) ====== */
+dl.terms-and-definitions-list {
+  margin: 0;
+  padding: 0;
+  position: relative;
+  z-index: 1; /* Set a baseline z-index for the whole list */
+}
+
+/* Term styling (dt) */
+dl.terms-and-definitions-list > dt {
+  font-weight: 700;
+  margin: 0;
+  background-color: var(--card-bg-dt);
+  border: 1px solid var(--card-border);
+  padding: 0.5rem 1.25rem; /* Increased vertical padding for better readability */
+  border-radius: 0.375rem 0.375rem 0 0;
+  box-shadow: 0 0.125rem 0.25rem var(--card-shadow);
+  color: var(--card-text);
+  position: relative; /* Position relative for stacking */
+  line-height: 1.5; /* Improve line spacing */
+  font-size: 1.05em; /* Slightly larger font for better hierarchy */
+  display: flex; /* Use flexbox for better alignment */
+  align-items: center; /* Vertically center the content */
+  justify-content: space-between; /* Position term and controls apart */
+}
+
+/* This adds spacing between the term text and the buttons */
+dl.terms-and-definitions-list > dt > span {
+  margin-right: 1.5em; /* Add spacing to the right of the term text */
+}
+
+/* Adjust buttons positioning in the term */
+dl.terms-and-definitions-list > dt .collapse-all-defs-button {
+  margin-left: 0.8em; /* Add spacing between buttons if multiple */
+}
+
+dl.terms-and-definitions-list > dt:hover {
+  background-color: var(--card-hover-bg);
+  transition: background-color 0.2s ease-in-out;
+}
+
+/* Definition styling (dd) */
+dl.terms-and-definitions-list > dd {
+  margin: 0;
+  background-color: var(--card-bg);
+  border: 1px solid var(--card-border);
+  border-top: none;
+  padding: 1rem 1.25rem;
+  color: var(--card-text);
+  overflow: scroll;
+  width: 100%;
+  position: relative; /* Position relative for stacking */
+}
+
+/* Style paragraphs inside dd */
+dl.terms-and-definitions-list dd p {
+  margin: 0;
+  color: var(--card-text);
+}
+
+/* Borders and spacing between elements */
+dl.terms-and-definitions-list dt + dd {
+  border-bottom: none;
+}
+
+dl.terms-and-definitions-list dd + dd {
+  border-top: none;
+  border-bottom: none;
+}
+
+dl.terms-and-definitions-list dd + dt {
+  margin-top: 0.5rem;
+}
+
+/* Last definition in a group */
+dl.terms-and-definitions-list dd.last-dd {
+  border-radius: 0 0 0.375rem 0.375rem;
+  border-bottom: 1px solid var(--card-border);
+}
+
+/* ====== TRANSCLUSIONS STYLING ====== */
+/* Base transclusion styles */
+.transcluded-xref-term {
+  position: relative;
+}
+
+dt.transcluded-xref-term,
+dd.transcluded-xref-term {
+  background: #a9dde03b !important;
+}
+
+/* Fix for all buttons */
+.btn {
+  font-variant: small-caps;
+  text-transform: uppercase;
+  position: relative;
+  z-index: 5; /* Higher z-index for all buttons */
+}
+
+.collapse-all-defs-button {
+  float: right;
+}
+
+.transclusion-heading {
+  font-size: 1.3em;
+  font-weight: bold;
+  margin: 1em 0 0.5em;
+}
+
+/* Embedded transclusions in definition lists */
+dl.terms-and-definitions-list > dd.transcluded-xref-term-embedded {
+  position: relative;
+  padding-left: 2.5rem;
+}
+
+dl.terms-and-definitions-list > dd.transcluded-xref-term-embedded::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 2rem;
+  border-right: 1px dashed #a9dde0;
+}
+
+/* Arrow styling for transclusions */
+dl.terms-and-definitions-list span.transcluded-xref-term::after,
+dl.terms-and-definitions-list > dd.transcluded-xref-term-embedded::after {
+  content: "";
+  position: absolute;
+  left: 0.5rem;
+  top: 50%;
+  width: 1rem;
+  height: 1rem;
+  transform: translateY(-50%);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-box-arrow-right' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+/* Inline span styling for transclusions */
+dl.terms-and-definitions-list span.transcluded-xref-term {
+  padding-left: 1.5rem;
+  display: inline-block;
+}
+
+dl.terms-and-definitions-list span.transcluded-xref-term::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 1.2rem;
+  border-right: 1px dashed #a9dde0;
+}
+
+dl.terms-and-definitions-list span.transcluded-xref-term::after {
+  width: 0.8rem;
+  height: 0.8rem;
+  left: 0.2rem;
+}
+
+.placeholder-tref {
+  display: none;
+}
+
+/* ====== ERROR MESSAGES ====== */
+/* No cross-reference found styling */
+.no-xref-found-message {
+  background: #f8c481;
+  color: #03365f;
+  margin: 0 0.5em;
+  padding: 0 0.8em;
+  border-radius: 0.25rem;
+  font-size: 0.8rem;
+  font-variant: small-caps;
+  text-transform: uppercase;
+}