robindoc 3.7.2 → 3.7.4

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.
Files changed (2) hide show
  1. package/lib/styles.css +207 -207
  2. package/package.json +1 -1
package/lib/styles.css CHANGED
@@ -421,58 +421,6 @@
421
421
  z-index: 1001;
422
422
  }.r-keylink.keylink-to-navigation:focus {
423
423
  margin-top: -40px;
424
- }.r-article {
425
- padding: 20px 0 40px;
426
- grid-area: content;
427
- }
428
- @media screen and (width >= 1180px) {
429
- .r-article {
430
- padding: 32px 0 40px;
431
- }
432
- }
433
- .r-article > *:first-child {
434
- margin-top: 0;
435
- }
436
- .r-article > *:last-child {
437
- margin-bottom: 0;
438
- }
439
-
440
- .r-checkbox {
441
- cursor: pointer;
442
- width: 20px;
443
- height: 20px;
444
- margin: 4px;
445
- vertical-align: middle;
446
- box-sizing: border-box;
447
- }
448
-
449
- .r-label {
450
- cursor: pointer;
451
- }
452
-
453
- .r-task-ol,
454
- .r-task-ul {
455
- list-style: none;
456
- }
457
-
458
- .r-task-label {
459
- display: block;
460
- width: 100%;
461
- padding-top: 2px;
462
- padding-bottom: 2px;
463
- box-sizing: border-box;
464
- }
465
- .r-task-label:hover .r-checkbox {
466
- filter: brightness(0.8);
467
- }
468
-
469
- .r-task-li.r-task-li {
470
- margin-block-start: 2px;
471
- margin-block-end: 2px;
472
- }
473
-
474
- .r-label-text {
475
- vertical-align: middle;
476
424
  }.r-sidebar {
477
425
  grid-area: sidebar;
478
426
  box-sizing: border-box;
@@ -764,6 +712,58 @@
764
712
 
765
713
  .r-sidebar-drop[open] > .r-sidebar-drop-btn > .r-sidebar-drop-icon {
766
714
  transform: rotate(90deg);
715
+ }.r-article {
716
+ padding: 20px 0 40px;
717
+ grid-area: content;
718
+ }
719
+ @media screen and (width >= 1180px) {
720
+ .r-article {
721
+ padding: 32px 0 40px;
722
+ }
723
+ }
724
+ .r-article > *:first-child {
725
+ margin-top: 0;
726
+ }
727
+ .r-article > *:last-child {
728
+ margin-bottom: 0;
729
+ }
730
+
731
+ .r-checkbox {
732
+ cursor: pointer;
733
+ width: 20px;
734
+ height: 20px;
735
+ margin: 4px;
736
+ vertical-align: middle;
737
+ box-sizing: border-box;
738
+ }
739
+
740
+ .r-label {
741
+ cursor: pointer;
742
+ }
743
+
744
+ .r-task-ol,
745
+ .r-task-ul {
746
+ list-style: none;
747
+ }
748
+
749
+ .r-task-label {
750
+ display: block;
751
+ width: 100%;
752
+ padding-top: 2px;
753
+ padding-bottom: 2px;
754
+ box-sizing: border-box;
755
+ }
756
+ .r-task-label:hover .r-checkbox {
757
+ filter: brightness(0.8);
758
+ }
759
+
760
+ .r-task-li.r-task-li {
761
+ margin-block-start: 2px;
762
+ margin-block-end: 2px;
763
+ }
764
+
765
+ .r-label-text {
766
+ vertical-align: middle;
767
767
  }.r-header-menu {
768
768
  display: flex;
769
769
  justify-content: flex-end;
@@ -852,6 +852,85 @@
852
852
  .r-header-input:checked ~ .r-header-burger .r-burger-line._bottom {
853
853
  transform: translateY(0) rotate(-45deg);
854
854
  margin-top: 0;
855
+ }.r-dropdown {
856
+ position: relative;
857
+ color: var(--r-main-600);
858
+ transition: color 0.2s 0.1s;
859
+ }
860
+ .r-dropdown:hover, .r-dropdown:focus-within {
861
+ color: var(--r-main-950);
862
+ }
863
+ .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
864
+ visibility: visible;
865
+ pointer-events: all;
866
+ transform: translateY(20px);
867
+ opacity: 1;
868
+ }
869
+ .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
870
+ transform: rotate(180deg);
871
+ }
872
+
873
+ .r-dropdown-summary {
874
+ display: flex;
875
+ justify-content: space-between;
876
+ align-items: center;
877
+ width: 100%;
878
+ position: relative;
879
+ color: inherit;
880
+ cursor: pointer;
881
+ padding: 10px 4px;
882
+ font-size: 16px;
883
+ border: 0;
884
+ background: none;
885
+ z-index: 1;
886
+ box-sizing: border-box;
887
+ }
888
+
889
+ .r-dropdown-chevron {
890
+ display: block;
891
+ margin-left: 6px;
892
+ transition: transform 0.3s 0.1s;
893
+ box-sizing: border-box;
894
+ }
895
+
896
+ .r-dropdown-drop {
897
+ list-style: none;
898
+ position: absolute;
899
+ top: 16px;
900
+ left: -12px;
901
+ visibility: hidden;
902
+ pointer-events: none;
903
+ opacity: 0;
904
+ transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
905
+ background-color: var(--r-main-50);
906
+ border: 1px solid var(--r-main-100);
907
+ border-radius: 8px;
908
+ margin: 0;
909
+ padding: 2px 6px;
910
+ min-width: 120px;
911
+ max-width: 180px;
912
+ box-sizing: border-box;
913
+ }
914
+
915
+ .r-dropdown-link {
916
+ display: block;
917
+ width: 100%;
918
+ text-decoration: none;
919
+ color: var(--r-main-700);
920
+ padding: 4px 8px;
921
+ margin-top: 4px;
922
+ margin-bottom: 4px;
923
+ border-radius: 4px;
924
+ transition: background-color 0.2s;
925
+ box-sizing: border-box;
926
+ }
927
+ .r-dropdown-link:hover {
928
+ color: var(--r-main-900);
929
+ background-color: var(--r-main-100);
930
+ }
931
+
932
+ .r-dropdown-link._active {
933
+ color: var(--r-primary-700);
855
934
  }.r-search-btn {
856
935
  position: relative;
857
936
  border-radius: 6px;
@@ -1035,85 +1114,6 @@
1035
1114
  font-size: 14px;
1036
1115
  color: var(--r-main-600);
1037
1116
  margin: 12px 0 0;
1038
- }.r-dropdown {
1039
- position: relative;
1040
- color: var(--r-main-600);
1041
- transition: color 0.2s 0.1s;
1042
- }
1043
- .r-dropdown:hover, .r-dropdown:focus-within {
1044
- color: var(--r-main-950);
1045
- }
1046
- .r-dropdown:hover .r-dropdown-drop, .r-dropdown:focus-within .r-dropdown-drop {
1047
- visibility: visible;
1048
- pointer-events: all;
1049
- transform: translateY(20px);
1050
- opacity: 1;
1051
- }
1052
- .r-dropdown:hover .r-dropdown-chevron, .r-dropdown:focus-within .r-dropdown-chevron {
1053
- transform: rotate(180deg);
1054
- }
1055
-
1056
- .r-dropdown-summary {
1057
- display: flex;
1058
- justify-content: space-between;
1059
- align-items: center;
1060
- width: 100%;
1061
- position: relative;
1062
- color: inherit;
1063
- cursor: pointer;
1064
- padding: 10px 4px;
1065
- font-size: 16px;
1066
- border: 0;
1067
- background: none;
1068
- z-index: 1;
1069
- box-sizing: border-box;
1070
- }
1071
-
1072
- .r-dropdown-chevron {
1073
- display: block;
1074
- margin-left: 6px;
1075
- transition: transform 0.3s 0.1s;
1076
- box-sizing: border-box;
1077
- }
1078
-
1079
- .r-dropdown-drop {
1080
- list-style: none;
1081
- position: absolute;
1082
- top: 16px;
1083
- left: -12px;
1084
- visibility: hidden;
1085
- pointer-events: none;
1086
- opacity: 0;
1087
- transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, visibility 0.3s 0.1s;
1088
- background-color: var(--r-main-50);
1089
- border: 1px solid var(--r-main-100);
1090
- border-radius: 8px;
1091
- margin: 0;
1092
- padding: 2px 6px;
1093
- min-width: 120px;
1094
- max-width: 180px;
1095
- box-sizing: border-box;
1096
- }
1097
-
1098
- .r-dropdown-link {
1099
- display: block;
1100
- width: 100%;
1101
- text-decoration: none;
1102
- color: var(--r-main-700);
1103
- padding: 4px 8px;
1104
- margin-top: 4px;
1105
- margin-bottom: 4px;
1106
- border-radius: 4px;
1107
- transition: background-color 0.2s;
1108
- box-sizing: border-box;
1109
- }
1110
- .r-dropdown-link:hover {
1111
- color: var(--r-main-900);
1112
- background-color: var(--r-main-100);
1113
- }
1114
-
1115
- .r-dropdown-link._active {
1116
- color: var(--r-primary-700);
1117
1117
  }.r-header-social {
1118
1118
  display: flex;
1119
1119
  flex: 1;
@@ -1505,9 +1505,6 @@
1505
1505
  .r-breadcrumb-title {
1506
1506
  color: var(--r-main-950);
1507
1507
  font-weight: 600;
1508
- }.r-last-modified {
1509
- color: var(--r-main-700);
1510
- margin-block-start: 16px;
1511
1508
  }.r-pagination {
1512
1509
  grid-area: pagination;
1513
1510
  display: grid;
@@ -1580,6 +1577,9 @@
1580
1577
 
1581
1578
  .r-pagination-svg {
1582
1579
  display: block;
1580
+ }.r-last-modified {
1581
+ color: var(--r-main-700);
1582
+ margin-block-start: 16px;
1583
1583
  }.r-backdrop {
1584
1584
  position: fixed;
1585
1585
  top: 0;
@@ -1782,19 +1782,6 @@
1782
1782
  }
1783
1783
  .r-blockquote-caution .r-blockquote-title {
1784
1784
  color: var(--r-caution);
1785
- }.r-code-block {
1786
- font-family: var(--monospace-font, monospace, monospace);
1787
- font-size: 16px;
1788
- line-height: 1.33;
1789
- border-radius: 6px;
1790
- padding: 16px 20px;
1791
- margin: 0;
1792
- color: var(--r-primary-800);
1793
- background-color: var(--r-main-50);
1794
- overflow-x: auto;
1795
- scrollbar-width: thin;
1796
- scrollbar-color: var(--r-main-200) transparent;
1797
- box-sizing: border-box;
1798
1785
  }.r-code-span {
1799
1786
  font-family: var(--monospace-font, monospace, monospace);
1800
1787
  background-color: var(--r-main-100);
@@ -1809,9 +1796,6 @@
1809
1796
 
1810
1797
  .r-code-span + .r-content-link-external {
1811
1798
  margin-left: -12px;
1812
- }.r-img {
1813
- max-width: 100%;
1814
- box-sizing: border-box;
1815
1799
  }.r-h1 {
1816
1800
  font-size: 32px;
1817
1801
  line-height: 1.4;
@@ -1852,6 +1836,22 @@
1852
1836
  line-height: 1.4;
1853
1837
  margin-block-start: 1.8em;
1854
1838
  margin-block-end: 1.8em;
1839
+ }.r-code-block {
1840
+ font-family: var(--monospace-font, monospace, monospace);
1841
+ font-size: 16px;
1842
+ line-height: 1.33;
1843
+ border-radius: 6px;
1844
+ padding: 16px 20px;
1845
+ margin: 0;
1846
+ color: var(--r-primary-800);
1847
+ background-color: var(--r-main-50);
1848
+ overflow-x: auto;
1849
+ scrollbar-width: thin;
1850
+ scrollbar-color: var(--r-main-200) transparent;
1851
+ box-sizing: border-box;
1852
+ }.r-img {
1853
+ max-width: 100%;
1854
+ box-sizing: border-box;
1855
1855
  }.r-p {
1856
1856
  line-height: 1.8;
1857
1857
  margin-block-start: 1em;
@@ -1897,55 +1897,6 @@
1897
1897
 
1898
1898
  .r-tab-header-code {
1899
1899
  font-family: var(--monospace-font, monospace, monospace);
1900
- }.r-content-link {
1901
- text-decoration: none;
1902
- color: inherit;
1903
- text-decoration: underline;
1904
- text-decoration-color: var(--r-primary-500);
1905
- text-underline-offset: 3px;
1906
- transition: text-decoration-offset 0.2s ease;
1907
- }
1908
- .r-content-link:hover {
1909
- color: var(--r-main-700);
1910
- text-decoration-color: var(--r-primary-400);
1911
- text-underline-offset: 2px;
1912
- text-decoration-thickness: 2px;
1913
- }
1914
- .r-content-link:active {
1915
- color: var(--r-primary-600);
1916
- }
1917
-
1918
- .r-content-link-external {
1919
- position: relative;
1920
- vertical-align: text-top;
1921
- display: inline-block;
1922
- margin-left: -4px;
1923
- margin-right: 2px;
1924
- width: 6px;
1925
- height: 6px;
1926
- box-sizing: border-box;
1927
- }
1928
- .r-content-link-external::after {
1929
- content: "";
1930
- position: absolute;
1931
- top: 0;
1932
- right: 0;
1933
- width: 100%;
1934
- height: 100%;
1935
- border-top: 1px solid currentColor;
1936
- border-right: 1px solid currentColor;
1937
- box-sizing: border-box;
1938
- }
1939
- .r-content-link-external::before {
1940
- content: "";
1941
- position: absolute;
1942
- top: 0;
1943
- right: 0;
1944
- width: 3px;
1945
- height: 3px;
1946
- background-color: currentColor;
1947
- border-radius: 0 0 0 4px;
1948
- box-sizing: border-box;
1949
1900
  }.r-copy-button {
1950
1901
  position: relative;
1951
1902
  padding: 6px;
@@ -2017,6 +1968,63 @@
2017
1968
  .r-copy-text:active,
2018
1969
  .r-copy-text._active {
2019
1970
  color: var(--r-success);
1971
+ }.r-content-link {
1972
+ text-decoration: none;
1973
+ color: inherit;
1974
+ text-decoration: underline;
1975
+ text-decoration-color: var(--r-primary-500);
1976
+ text-underline-offset: 3px;
1977
+ transition: text-decoration-offset 0.2s ease;
1978
+ }
1979
+ .r-content-link:hover {
1980
+ color: var(--r-main-700);
1981
+ text-decoration-color: var(--r-primary-400);
1982
+ text-underline-offset: 2px;
1983
+ text-decoration-thickness: 2px;
1984
+ }
1985
+ .r-content-link:active {
1986
+ color: var(--r-primary-600);
1987
+ }
1988
+
1989
+ .r-content-link-external {
1990
+ position: relative;
1991
+ vertical-align: text-top;
1992
+ display: inline-block;
1993
+ margin-left: -4px;
1994
+ margin-right: 2px;
1995
+ width: 6px;
1996
+ height: 6px;
1997
+ box-sizing: border-box;
1998
+ }
1999
+ .r-content-link-external::after {
2000
+ content: "";
2001
+ position: absolute;
2002
+ top: 0;
2003
+ right: 0;
2004
+ width: 100%;
2005
+ height: 100%;
2006
+ border-top: 1px solid currentColor;
2007
+ border-right: 1px solid currentColor;
2008
+ box-sizing: border-box;
2009
+ }
2010
+ .r-content-link-external::before {
2011
+ content: "";
2012
+ position: absolute;
2013
+ top: 0;
2014
+ right: 0;
2015
+ width: 3px;
2016
+ height: 3px;
2017
+ background-color: currentColor;
2018
+ border-radius: 0 0 0 4px;
2019
+ box-sizing: border-box;
2020
+ }.r-ol {
2021
+ padding-inline-start: 2rem;
2022
+ margin-block-start: 1em;
2023
+ margin-block-end: 1em;
2024
+ }.r-ul {
2025
+ padding-inline-start: 2rem;
2026
+ margin-block-start: 1em;
2027
+ margin-block-end: 1em;
2020
2028
  }.r-li {
2021
2029
  line-height: 1.8;
2022
2030
  margin-block-start: 6px;
@@ -2028,14 +2036,6 @@
2028
2036
  padding-inline-start: 20px;
2029
2037
  margin-block-start: 6px;
2030
2038
  margin-block-end: 6px;
2031
- }.r-ul {
2032
- padding-inline-start: 2rem;
2033
- margin-block-start: 1em;
2034
- margin-block-end: 1em;
2035
- }.r-ol {
2036
- padding-inline-start: 2rem;
2037
- margin-block-start: 1em;
2038
- margin-block-end: 1em;
2039
2039
  }.r-table {
2040
2040
  position: relative;
2041
2041
  min-width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "robindoc",
3
- "version": "3.7.2",
3
+ "version": "3.7.4",
4
4
  "description": "Robindoc is a framework for automatically creating documentation websites based on markdown files, built on React.js Server Components",
5
5
  "main": "./lib/index.js",
6
6
  "scripts": {