@forsakringskassan/docs-generator 3.10.1 → 3.11.1

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.
@@ -307,9 +307,8 @@ button.docs-topnav__anchor svg {
307
307
 
308
308
  .layout-wrapper {
309
309
  display: grid;
310
- grid-template: "header" auto "primary" 1fr "footer" auto;
310
+ grid-template: "header" auto "primary" 1fr "footer" auto/minmax(0, 1fr);
311
311
  min-height: 100vh;
312
- max-width: 100vw;
313
312
  }
314
313
 
315
314
  header {
@@ -325,6 +324,7 @@ header {
325
324
 
326
325
  footer {
327
326
  grid-area: footer;
327
+ min-width: 0;
328
328
  }
329
329
 
330
330
  main {
@@ -357,7 +357,8 @@ main {
357
357
  .layout--pattern #primary {
358
358
  --sidenav-width: 350px;
359
359
  padding-right: 2rem;
360
- grid-template: "sidenav title" auto "sidenav aside" auto "sidenav content" 1fr/min-content 1fr;
360
+ min-width: 0;
361
+ grid-template: "sidenav title" auto "sidenav aside" auto "sidenav content" 1fr/min-content minmax(0, 1fr);
361
362
  }
362
363
  @media screen and (width >= 1280px) {
363
364
  .layout--content-with-menu #primary,
@@ -620,7 +621,6 @@ main {
620
621
  display: flex;
621
622
  flex-direction: column;
622
623
  width: 100%;
623
- max-width: 100vw;
624
624
  height: 100%;
625
625
  position: fixed;
626
626
  gap: 1.5rem;
@@ -308,9 +308,8 @@ button.docs-topnav__anchor svg {
308
308
 
309
309
  .layout-wrapper {
310
310
  display: grid;
311
- grid-template: "header" auto "primary" 1fr "footer" auto;
311
+ grid-template: "header" auto "primary" 1fr "footer" auto/minmax(0, 1fr);
312
312
  min-height: 100vh;
313
- max-width: 100vw;
314
313
  }
315
314
 
316
315
  header {
@@ -326,6 +325,7 @@ header {
326
325
 
327
326
  footer {
328
327
  grid-area: footer;
328
+ min-width: 0;
329
329
  }
330
330
 
331
331
  main {
@@ -358,7 +358,8 @@ main {
358
358
  .layout--pattern #primary {
359
359
  --sidenav-width: 350px;
360
360
  padding-right: 2rem;
361
- grid-template: "sidenav title" auto "sidenav aside" auto "sidenav content" 1fr/min-content 1fr;
361
+ min-width: 0;
362
+ grid-template: "sidenav title" auto "sidenav aside" auto "sidenav content" 1fr/min-content minmax(0, 1fr);
362
363
  }
363
364
  @media screen and (width >= 1280px) {
364
365
  .layout--content-with-menu #primary,
@@ -621,7 +622,6 @@ main {
621
622
  display: flex;
622
623
  flex-direction: column;
623
624
  width: 100%;
624
- max-width: 100vw;
625
625
  height: 100%;
626
626
  position: fixed;
627
627
  gap: 1.5rem;
@@ -1633,7 +1633,6 @@ header .docs-page-header {
1633
1633
  background-color: var(--docs-header-background-color);
1634
1634
  border-bottom: 1px solid var(--docs-header-border-color);
1635
1635
  gap: 1rem;
1636
- max-width: 100vw;
1637
1636
  --docs-text-color-default: var(--docs-header-text-color-default);
1638
1637
  --docs-text-color-discrete: var(--docs-header-text-color-discrete);
1639
1638
  }
@@ -1929,8 +1928,18 @@ header .docs-page-header__logo > a {
1929
1928
  text-wrap: nowrap;
1930
1929
  margin-left: 1rem;
1931
1930
  }
1931
+ @media (width < 640px) {
1932
+ .version {
1933
+ text-wrap: auto;
1934
+ }
1935
+ .version.-text-block {
1936
+ text-wrap: nowrap;
1937
+ display: block;
1938
+ }
1939
+ }
1932
1940
  .version a {
1933
1941
  color: var(--docs-link-color-discrete);
1942
+ text-wrap: nowrap;
1934
1943
  }
1935
1944
  .version a:hover, .version a:focus, .version a:active {
1936
1945
  color: var(--docs-text-color-default);
@@ -1943,7 +1952,7 @@ html {
1943
1952
 
1944
1953
  html,
1945
1954
  body {
1946
- min-width: 400px;
1955
+ min-width: 320px;
1947
1956
  }
1948
1957
 
1949
1958
  body {
@@ -496,7 +496,6 @@ header .docs-page-header {
496
496
  background-color: var(--docs-header-background-color);
497
497
  border-bottom: 1px solid var(--docs-header-border-color);
498
498
  gap: 1rem;
499
- max-width: 100vw;
500
499
  --docs-text-color-default: var(--docs-header-text-color-default);
501
500
  --docs-text-color-discrete: var(--docs-header-text-color-discrete);
502
501
  }
@@ -758,7 +757,6 @@ header .docs-page-header__logo > a {
758
757
  display: flex;
759
758
  flex-direction: column;
760
759
  width: 100%;
761
- max-width: 100vw;
762
760
  height: 100%;
763
761
  position: fixed;
764
762
  gap: 1.5rem;
@@ -881,8 +879,18 @@ header .docs-page-header__logo > a {
881
879
  text-wrap: nowrap;
882
880
  margin-left: 1rem;
883
881
  }
882
+ @media (width < 640px) {
883
+ .version {
884
+ text-wrap: auto;
885
+ }
886
+ .version.-text-block {
887
+ text-wrap: nowrap;
888
+ display: block;
889
+ }
890
+ }
884
891
  .version a {
885
892
  color: var(--docs-link-color-discrete);
893
+ text-wrap: nowrap;
886
894
  }
887
895
  .version a:hover, .version a:focus, .version a:active {
888
896
  color: var(--docs-text-color-default);
@@ -895,7 +903,7 @@ html {
895
903
 
896
904
  html,
897
905
  body {
898
- min-width: 400px;
906
+ min-width: 320px;
899
907
  }
900
908
 
901
909
  body {