@forsakringskassan/docs-generator 2.38.5 → 2.39.0

package/dist/style/index.css

@@ -77,139 +77,125 @@ a.docs-badge:hover {
   }
 }
 
-h1:not(.code-preview h1),
-h2:not(.code-preview h2),
-h3:not(.code-preview h3),
-h4:not(.code-preview h4),
-h5:not(.code-preview h5),
-h6:not(.code-preview h6) {
+:where(.docs-heading) {
   font-family: var(--docs-heading-font-family);
   line-height: var(--docs-heading-line-height);
   margin-top: 0;
   text-wrap: balance;
   text-wrap: pretty;
 }
-
-h1:not(.code-preview h1) {
-  font-weight: var(--docs-heading-font-weight-h1);
-  margin-bottom: var(--docs-heading-margin-bottom-h1);
-}
-
-h2:not(.code-preview h2) {
-  font-weight: var(--docs-heading-font-weight-h2);
-  margin-bottom: var(--docs-heading-margin-bottom-h2);
-}
-
-h3:not(.code-preview h3) {
-  font-weight: var(--docs-heading-font-weight-h3);
-  margin-bottom: var(--docs-heading-margin-bottom-h3);
-}
-
-h4:not(.code-preview h4) {
-  font-weight: var(--docs-heading-font-weight-h4);
-  margin-bottom: var(--docs-heading-margin-bottom-h4);
-}
-
-h5:not(.code-preview h5) {
-  font-weight: var(--docs-heading-font-weight-h5);
-  margin-bottom: var(--docs-heading-margin-bottom-h5);
+:where(.docs-heading) .header-anchor {
+  color: var(--docs-text-color-default);
+  text-decoration: none;
 }
-
-h6:not(.code-preview h6) {
-  font-weight: var(--docs-heading-font-weight-h6);
-  margin-bottom: var(--docs-heading-margin-bottom-h6);
+:where(.docs-heading) code {
+  font-size: inherit;
+  margin: 0;
+  padding: 0;
+  text-decoration: inherit;
 }
 
-h1 {
+:where(.docs-heading--h1) {
+  font-weight: var(--docs-heading-font-weight-h1);
+  margin-bottom: var(--docs-heading-margin-bottom-h1);
   font-size: 2.5rem;
   color: inherit;
   letter-spacing: var(--docs-heading-letter-spacing-h1);
 }
 
-h2 {
+:where(.docs-heading--h1 code) {
+  color: var(--docs-text-color-discrete);
+  font-family: var(--docs-font-family);
+  background-color: transparent;
+  font-weight: 400;
+}
+
+:where(.docs-heading--h2) {
+  font-weight: var(--docs-heading-font-weight-h2);
+  margin-bottom: var(--docs-heading-margin-bottom-h2);
   font-size: 1.75rem;
   color: inherit;
   letter-spacing: var(--docs-heading-letter-spacing-h2);
 }
 
-h3 {
+:where(.docs-heading--h3) {
+  font-weight: var(--docs-heading-font-weight-h3);
+  margin-bottom: var(--docs-heading-margin-bottom-h3);
   font-size: 1.375rem;
   color: inherit;
   letter-spacing: var(--docs-heading-letter-spacing-h3);
 }
 
-h4 {
+:where(.docs-heading--h4) {
+  font-weight: var(--docs-heading-font-weight-h4);
+  margin-bottom: var(--docs-heading-margin-bottom-h4);
   font-size: 1.25rem;
   color: inherit;
   letter-spacing: var(--docs-heading-letter-spacing-h4);
 }
 
-h5 {
+:where(.docs-heading--h5) {
+  font-weight: var(--docs-heading-font-weight-h5);
+  margin-bottom: var(--docs-heading-margin-bottom-h5);
   font-size: 1.125rem;
   color: inherit;
 }
 
-h6 {
+:where(.docs-heading--h6) {
+  font-weight: var(--docs-heading-font-weight-h6);
+  margin-bottom: var(--docs-heading-margin-bottom-h6);
   font-size: 1rem;
   color: inherit;
 }
 
-h1 > a,
-h2 > a,
-h3 > a,
-h4 > a,
-h5 > a,
-h6 > a {
-  text-decoration: none;
+:where(* + .docs-heading) {
+  margin-top: 2rem;
 }
 
-* + h1,
-* + h2,
-* + h3,
-* + h4,
-* + h5,
-* + h6 {
-  margin-top: 2rem;
+:where(.docs-heading--h1 + .docs-heading--h2),
+:where(.docs-heading--h2 + .docs-heading--h3),
+:where(.docs-heading--h3 + .docs-heading--h4),
+:where(.docs-heading--h4 + .docs-heading--h5),
+:where(.docs-heading--h5 + .docs-heading--h6) {
+  margin-top: 1rem;
 }
 
 @media (width <= 640px) {
-  h1 {
+  :where(.docs-heading--h1) {
     font-size: 1.75rem;
   }
-  h2 {
+  :where(.docs-heading--h2) {
     font-size: 1.5rem;
   }
-  h3 {
+  :where(.docs-heading--h3) {
     font-size: 1.25rem;
   }
-  h4 {
+  :where(.docs-heading--h4) {
     font-size: 1.125rem;
   }
-  h5 {
+  :where(.docs-heading--h5) {
     font-size: 1rem;
   }
-  h6 {
+  :where(.docs-heading--h6) {
     font-size: 1rem;
   }
 }
-h1 + h2 {
-  margin-top: 1rem;
+main :where(.docs-heading--h1) {
+  font-size: 2.5rem;
+  color: var(--docs-text-color-default);
 }
-
-h2 + h3 {
-  margin-top: 1rem;
+main :where(.docs-heading--h2) {
+  font-size: 1.5rem;
+  margin-top: 3rem;
 }
-
-h3 + h4 {
-  margin-top: 1rem;
+main :where(.docs-heading--h3) {
+  font-size: 1.2rem;
 }
-
-h4 + h5 {
-  margin-top: 1rem;
+main :where(.docs-heading--h4) {
+  font-size: 1rem;
 }
-
-h5 + h6 {
-  margin-top: 1rem;
+main :where(.docs-heading:first-child) {
+  margin-top: 0;
 }
 
 .docs-paragraph {
@@ -224,7 +210,7 @@ strong {
   font-weight: 700;
 }
 
-code {
+:where(code) {
   font-size: var(--docs-font-size);
   border-radius: 2px;
   font-family: Consolas, "Liberation Mono", Courier, monospace;
@@ -891,24 +877,6 @@ p:not(.code-preview p) {
   max-width: 680px;
 }
 
-main h1:not(.code-preview h1) {
-  font-size: 2.5rem;
-  color: var(--docs-text-color-default);
-}
-
-main h2:not(.code-preview h2) {
-  font-size: 1.5rem;
-  margin-top: 3rem;
-}
-
-main h3:not(.code-preview h3) {
-  font-size: 1.2rem;
-}
-
-main h4:not(.code-preview h4) {
-  font-size: 1rem;
-}
-
 .header-anchor:hover {
   text-decoration: underline;
 }
@@ -928,38 +896,11 @@ main h4:not(.code-preview h4) {
   visibility: visible;
 }
 
-h1 code {
-  color: var(--docs-text-color-discrete);
-  font-family: var(--docs-font-family);
-  background-color: transparent;
-  font-weight: 400;
-}
-
-h1 .header-anchor,
-h2 .header-anchor,
-h3 .header-anchor,
-h4 .header-anchor,
-h5 .header-anchor,
-h6 .header-anchor {
-  color: var(--docs-text-color-default);
-}
-h1 code,
-h2 code,
-h3 code,
-h4 code,
-h5 code,
-h6 code {
-  font-size: inherit;
-  margin: 0;
-  padding: 0;
-  text-decoration: inherit;
-}
-
 #content a:where(:not(.code-preview a)) {
   color: var(--docs-text-color-default);
 }
 
-#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)),
+#content a:where(:not(.code-preview a, .header-anchor)),
 footer a {
   text-decoration: underline;
   text-decoration-thickness: 1px;
@@ -967,7 +908,7 @@ footer a {
   text-decoration-color: var(--docs-text-color-link);
   text-underline-offset: 0.15rem;
 }
-#content a:where(:not(.code-preview a, h2 a, h3 a, h4 a, h5 a)):hover,
+#content a:where(:not(.code-preview a, .header-anchor)):hover,
 footer a:hover {
   color: var(--docs-text-color-default);
   text-decoration-color: var(--docs-text-color-default);
@@ -1005,17 +946,6 @@ header .page-header__logo::after {
   margin: 0 1rem;
 }
 
-header .select-field {
-  --f-background-input-hover: #f4f4f4;
-  --f-input-shadow-inset: none;
-  padding-left: 1rem;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin: 0;
-  width: 100%;
-}
-
 header .page-header__right {
   justify-content: space-between;
   min-width: 0;
@@ -1037,24 +967,6 @@ header .page-header__right-slot {
     display: none;
   }
 }
-header .select-field__icon {
-  top: 0.5rem;
-  color: #1b1e23;
-}
-
-header .select-field__select {
-  width: auto;
-  border: 1px solid #8d8e91;
-  padding-right: 3rem;
-}
-
-header .label {
-  font-weight: 400;
-  color: var(--docs-text-color-discrete);
-  margin-right: 1rem;
-  margin-bottom: 0;
-}
-
 /* navigering vänster */
 #sidenav {
   background-color: var(--docs-menu-background-color);
@@ -1107,10 +1019,6 @@ header .label {
   display: inline-block;
 }
 
-main h2:first-child {
-  margin-top: 0;
-}
-
 main #aside dl {
   margin-bottom: 2rem;
 }
@@ -1782,6 +1690,7 @@ kbd {
 
 html {
   scroll-behavior: smooth;
+  scrollbar-gutter: stable;
 }
 
 html,

package/dist/style/site.css

@@ -538,6 +538,7 @@ kbd {
 
 html {
   scroll-behavior: smooth;
+  scrollbar-gutter: stable;
 }
 
 html,

package/dist/style/theme/fkui.css

@@ -58,4 +58,8 @@
   --docs-navigation-hover-color: var(--fkds-color-background-tertiary);
   --docs-navigation-active-background: var(--fkds-color-background-secondary);
   --docs-navigation-highlight-color: var(--fkds-color-select-background-secondary-default);
+}
+
+:root {
+  overflow-y: initial;
 }