@diplodoc/client 3.8.1 → 3.8.2

package/build/client/vendor.css

@@ -256,10 +256,12 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
   --yfm-color-table-private: #333;
   --yfm-color-border-private: rgba(0, 0, 0, 0.07);
   --yfm-color-table-row-background-private: rgba(0, 0, 0, 0.02);
+  --yfm-color-table-row-header-background-private: rgba(247, 247, 247, 1);
   --yfm-color-accent-private: #027bf3;
   --yfm-color-inline-code-private: rgba(59, 96, 128, 1);
   --yfm-color-inline-code-background-private: rgba(107, 132, 153, 0.12);
   --yfm-color-code-background-private: rgba(107, 132, 153, 0.12);
+  --yfm-color-code-background-hovered-private: rgba(107, 132, 153, 0.2);
   --yfm-color-hljs-background-private: rgba(107, 132, 153, 0.12);
   --yfm-color-hljs-subst-private: #444;
   --yfm-color-hljs-comment-private: #888888;
@@ -293,11 +295,13 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
   --yfm-color-link-hover: var(--yfm-color-link-hover-private);
   --yfm-color-table: var(--yfm-color-table-private);
   --yfm-color-table-row-background: var(--yfm-color-table-row-background-private);
+  --yfm-color-table-row-header-background: var(--yfm-color-table-row-header-background-private);
   --yfm-color-border: var(--yfm-color-border-private);
   --yfm-color-accent: var(--yfm-color-accent-private);
   --yfm-color-inline-code: var(--yfm-color-inline-code-private);
   --yfm-color-inline-code-background: var(--yfm-color-inline-code-background-private);
   --yfm-color-code-background: var(--yfm-color-code-background-private);
+  --yfm-color-code-hovered-background: var(--yfm-color-code-hovered-background-private);
   --yfm-color-hljs-background: var(--yfm-color-hljs-background-private);
   --yfm-color-hljs-subst: var(--yfm-color-hljs-subst-private);
   --yfm-color-hljs-comment: var(--yfm-color-hljs-comment-private);
@@ -906,6 +910,13 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
 .yfm-clipboard-icon {
   pointer-events: none;
 }
+.yfm-clipboard-inline-code {
+  transition: 0.3s;
+}
+.yfm-clipboard-inline-code:hover {
+  cursor: pointer;
+  background-color: var(--yfm-color-code-background-hovered-private);
+}
 .yfm .yfm-note {
   max-width: 1296px;
   margin: 20px 0;
@@ -979,6 +990,32 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
 .yfm table td.cell-align-bottom-right {
   vertical-align: bottom;
 }
+.yfm table[sticky-header] {
+  position: relative;
+  max-height: 70vh;
+}
+.yfm table[sticky-header] thead {
+  position: sticky;
+  top: 0;
+}
+.yfm table[sticky-header] thead th {
+  position: relative;
+  z-index: 0;
+}
+.yfm table[sticky-header] thead th::before {
+  content: "";
+  background: var(--yfm-color-base);
+  position: absolute;
+  inset: 0;
+  z-index: -2;
+}
+.yfm table[sticky-header] thead th::after {
+  content: "";
+  background: var(--yfm-color-table-row-background);
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+}
 .yfm-term_title {
   color: var(--yfm-color-term-title);
   cursor: pointer;
@@ -1037,6 +1074,53 @@ a.pc-image-card_border_shadow,.pc-image-card_border_shadow{box-shadow:0px 4px 24
     transform: translateY(0);
   }
 }
+.inline_code_tooltip {
+  position: absolute;
+  z-index: 100;
+  width: -moz-fit-content;
+  width: fit-content;
+  max-width: 450px;
+  visibility: hidden;
+  opacity: 0;
+  padding: 10px;
+  background-color: var(--yfm-color-term-dfn-background);
+  font-size: inherit;
+  line-height: inherit;
+  font-style: normal;
+  border-radius: 4px;
+  box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow);
+  outline: none;
+}
+@media screen and (max-width: 600px) {
+  .inline_code_tooltip {
+    max-width: 80%;
+  }
+}
+.inline_code_tooltip::before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow);
+}
+.inline_code_tooltip.open {
+  visibility: visible;
+  animation-name: popup;
+  animation-duration: 0.1s;
+  animation-timing-function: ease-out;
+  animation-fill-mode: forwards;
+}
+@keyframes popup {
+  0% {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
 .wide-container {
   position: fixed;
   width: 100vw;