@forsakringskassan/docs-generator 2.0.0 → 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
  }
@@ -799,6 +807,34 @@ main #aside dd {
799
807
  margin: 0;
800
808
  }
801
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
+
802
838
  .icon--code {
803
839
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZD0iTTkuNCAxNi42TDQuOCAxMmw0LjYtNC42TDggNmwtNiA2IDYgNiAxLjQtMS40em01LjIgMGw0LjYtNC42LTQuNi00LjZMMTYgNmw2IDYtNiA2LTEuNC0xLjR6Ii8+PC9zdmc+") no-repeat;
804
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
  }
@@ -799,6 +807,34 @@ main #aside dd {
799
807
  margin: 0;
800
808
  }
801
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
+
802
838
  .icon--code {
803
839
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgwVjB6Ii8+PHBhdGggZD0iTTkuNCAxNi42TDQuOCAxMmw0LjYtNC42TDggNmwtNiA2IDYgNiAxLjQtMS40em01LjIgMGw0LjYtNC42LTQuNi00LjZMMTYgNmw2IDYtNiA2LTEuNC0xLjR6Ii8+PC9zdmc+") no-repeat;
804
840
  background-size: contain;