@forsakringskassan/docs-generator 1.33.1 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -424,6 +424,14 @@ main {
424
424
  background-color: #f4f4f4;
425
425
  }
426
426
 
427
+ @keyframes skeleton {
428
+ from {
429
+ transform: translateX(-100%);
430
+ }
431
+ to {
432
+ transform: translateX(100%);
433
+ }
434
+ }
427
435
  #version-banner {
428
436
  margin: 0;
429
437
  }
@@ -639,6 +647,7 @@ header .imenu--horizontal .imenu__list__item {
639
647
  .sidenav__toggle {
640
648
  position: sticky;
641
649
  height: min-content;
650
+ width: min-content;
642
651
  padding: 0.5rem;
643
652
  cursor: pointer;
644
653
  appearance: none;
@@ -798,6 +807,34 @@ main #aside dd {
798
807
  margin: 0;
799
808
  }
800
809
 
810
+ pre.mermaid:not([data-processed]) {
811
+ border: 1px solid #f4f4f4;
812
+ border-radius: 4px;
813
+ background: #ccc;
814
+ display: inline-block;
815
+ filter: blur(1px);
816
+ user-select: none;
817
+ color: transparent;
818
+ overflow: hidden;
819
+ width: 100%;
820
+ height: 3rem;
821
+ cursor: wait;
822
+ }
823
+ pre.mermaid:not([data-processed])::after {
824
+ content: " ";
825
+ display: block;
826
+ inset: 0;
827
+ position: absolute;
828
+ transform: translateX(-100%);
829
+ background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.3), transparent);
830
+ pointer-events: none;
831
+ }
832
+ @media not (prefers-reduced-motion: reduce) {
833
+ pre.mermaid:not([data-processed])::after {
834
+ animation: skeleton 2s infinite;
835
+ }
836
+ }
837
+
801
838
  .icon--code {
802
839
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZD0iTTkuNCAxNi42TDQuOCAxMmw0LjYtNC42TDggNmwtNiA2IDYgNiAxLjQtMS40em01LjIgMGw0LjYtNC42LTQuNi00LjZMMTYgNmw2IDYtNiA2LTEuNC0xLjR6Ii8+PC9zdmc+") no-repeat;
803
840
  background-size: contain;
@@ -424,6 +424,14 @@ main {
424
424
  background-color: #f4f4f4;
425
425
  }
426
426
 
427
+ @keyframes skeleton {
428
+ from {
429
+ transform: translateX(-100%);
430
+ }
431
+ to {
432
+ transform: translateX(100%);
433
+ }
434
+ }
427
435
  #version-banner {
428
436
  margin: 0;
429
437
  }
@@ -639,6 +647,7 @@ header .imenu--horizontal .imenu__list__item {
639
647
  .sidenav__toggle {
640
648
  position: sticky;
641
649
  height: min-content;
650
+ width: min-content;
642
651
  padding: 0.5rem;
643
652
  cursor: pointer;
644
653
  appearance: none;
@@ -798,6 +807,34 @@ main #aside dd {
798
807
  margin: 0;
799
808
  }
800
809
 
810
+ pre.mermaid:not([data-processed]) {
811
+ border: 1px solid #f4f4f4;
812
+ border-radius: 4px;
813
+ background: #ccc;
814
+ display: inline-block;
815
+ filter: blur(1px);
816
+ user-select: none;
817
+ color: transparent;
818
+ overflow: hidden;
819
+ width: 100%;
820
+ height: 3rem;
821
+ cursor: wait;
822
+ }
823
+ pre.mermaid:not([data-processed])::after {
824
+ content: " ";
825
+ display: block;
826
+ inset: 0;
827
+ position: absolute;
828
+ transform: translateX(-100%);
829
+ background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.3), transparent);
830
+ pointer-events: none;
831
+ }
832
+ @media not (prefers-reduced-motion: reduce) {
833
+ pre.mermaid:not([data-processed])::after {
834
+ animation: skeleton 2s infinite;
835
+ }
836
+ }
837
+
801
838
  .icon--code {
802
839
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZD0iTTkuNCAxNi42TDQuOCAxMmw0LjYtNC42TDggNmwtNiA2IDYgNiAxLjQtMS40em01LjIgMGw0LjYtNC42LTQuNi00LjZMMTYgNmw2IDYtNiA2LTEuNC0xLjR6Ii8+PC9zdmc+") no-repeat;
803
840
  background-size: contain;