this.gui 1.0.11 → 1.0.13

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 (266) hide show
  1. package/package.json +5 -2
  2. package/src/App.jsx +31 -0
  3. package/src/MDXEditor.jsx +32 -0
  4. package/src/MdxProvider.jsx +20 -0
  5. package/src/Theme.jsx +28 -0
  6. package/src/components/CodeBlock.jsx +22 -0
  7. package/src/components/ComponentFactory.jsx +36 -0
  8. package/src/components/ComponentRegistry.js +21 -0
  9. package/src/index.mdx +154 -0
  10. package/src/main.jsx +18 -0
  11. package/src/scripts/generateComponents.js +166 -0
  12. package/src/scripts/logASCIIArt.js +12 -0
  13. package/src/scripts/postinstall.js +64 -0
  14. package/src/scripts/verifyMolecules.js +158 -0
  15. package/src/scripts/verify_and_install_atoms.js +211 -0
  16. package/src/stories/Atoms/Alert/Alert.css +29 -0
  17. package/src/stories/Atoms/Alert/Alert.jsx +41 -0
  18. package/src/stories/Atoms/Alert/Alert.stories.jsx +41 -0
  19. package/src/stories/Atoms/Audio/Audio.css +29 -0
  20. package/src/stories/Atoms/Audio/Audio.jsx +41 -0
  21. package/src/stories/Atoms/Audio/Audio.stories.jsx +41 -0
  22. package/src/stories/Atoms/Badge/Badge.css +29 -0
  23. package/src/stories/Atoms/Badge/Badge.jsx +41 -0
  24. package/src/stories/Atoms/Badge/Badge.stories.jsx +41 -0
  25. package/src/stories/Atoms/Button/Button.css +70 -0
  26. package/src/stories/Atoms/Button/Button.jsx +98 -0
  27. package/src/stories/Atoms/Button/Button.stories.jsx +54 -0
  28. package/src/stories/Atoms/Caption/Caption.css +29 -0
  29. package/src/stories/Atoms/Caption/Caption.jsx +41 -0
  30. package/src/stories/Atoms/Caption/Caption.stories.jsx +41 -0
  31. package/src/stories/Atoms/Checkbox/Checkbox.css +29 -0
  32. package/src/stories/Atoms/Checkbox/Checkbox.jsx +41 -0
  33. package/src/stories/Atoms/Checkbox/Checkbox.stories.jsx +41 -0
  34. package/src/stories/Atoms/Container/Container.css +29 -0
  35. package/src/stories/Atoms/Container/Container.jsx +41 -0
  36. package/src/stories/Atoms/Container/Container.stories.jsx +41 -0
  37. package/src/stories/Atoms/Divider/Divider.css +29 -0
  38. package/src/stories/Atoms/Divider/Divider.jsx +41 -0
  39. package/src/stories/Atoms/Divider/Divider.stories.jsx +41 -0
  40. package/src/stories/Atoms/Heading/Heading.css +29 -0
  41. package/src/stories/Atoms/Heading/Heading.jsx +41 -0
  42. package/src/stories/Atoms/Heading/Heading.stories.jsx +41 -0
  43. package/src/stories/Atoms/Icon/Icon.css +48 -0
  44. package/src/stories/Atoms/Icon/Icon.jsx +51 -0
  45. package/src/stories/Atoms/Icon/Icon.stories.jsx +72 -0
  46. package/src/stories/Atoms/Image/Image.css +29 -0
  47. package/src/stories/Atoms/Image/Image.jsx +41 -0
  48. package/src/stories/Atoms/Image/Image.stories.jsx +41 -0
  49. package/src/stories/Atoms/Label/Label.css +29 -0
  50. package/src/stories/Atoms/Label/Label.jsx +41 -0
  51. package/src/stories/Atoms/Label/Label.stories.jsx +41 -0
  52. package/src/stories/Atoms/Link/Link.css +29 -0
  53. package/src/stories/Atoms/Link/Link.jsx +41 -0
  54. package/src/stories/Atoms/Link/Link.stories.jsx +41 -0
  55. package/src/stories/Atoms/Loader/Loader.css +29 -0
  56. package/src/stories/Atoms/Loader/Loader.jsx +41 -0
  57. package/src/stories/Atoms/Loader/Loader.stories.jsx +41 -0
  58. package/src/stories/Atoms/Paragraph/Paragraph.css +29 -0
  59. package/src/stories/Atoms/Paragraph/Paragraph.jsx +41 -0
  60. package/src/stories/Atoms/Paragraph/Paragraph.stories.jsx +41 -0
  61. package/src/stories/Atoms/ProgressBar/ProgressBar.css +29 -0
  62. package/src/stories/Atoms/ProgressBar/ProgressBar.jsx +41 -0
  63. package/src/stories/Atoms/ProgressBar/ProgressBar.stories.jsx +41 -0
  64. package/src/stories/Atoms/RadioButton/RadioButton.css +29 -0
  65. package/src/stories/Atoms/RadioButton/RadioButton.jsx +41 -0
  66. package/src/stories/Atoms/RadioButton/RadioButton.stories.jsx +41 -0
  67. package/src/stories/Atoms/RangeInput/RangeInput.css +29 -0
  68. package/src/stories/Atoms/RangeInput/RangeInput.jsx +41 -0
  69. package/src/stories/Atoms/RangeInput/RangeInput.stories.jsx +41 -0
  70. package/src/stories/Atoms/Select/Select.css +29 -0
  71. package/src/stories/Atoms/Select/Select.jsx +41 -0
  72. package/src/stories/Atoms/Select/Select.stories.jsx +41 -0
  73. package/src/stories/Atoms/Slider/Slider.css +29 -0
  74. package/src/stories/Atoms/Slider/Slider.jsx +41 -0
  75. package/src/stories/Atoms/Slider/Slider.stories.jsx +41 -0
  76. package/src/stories/Atoms/Snackbar/Snackbar.css +29 -0
  77. package/src/stories/Atoms/Snackbar/Snackbar.jsx +41 -0
  78. package/src/stories/Atoms/Snackbar/Snackbar.stories.jsx +41 -0
  79. package/src/stories/Atoms/Spacer/Spacer.css +29 -0
  80. package/src/stories/Atoms/Spacer/Spacer.jsx +41 -0
  81. package/src/stories/Atoms/Spacer/Spacer.stories.jsx +41 -0
  82. package/src/stories/Atoms/Spinner/Spinner.css +29 -0
  83. package/src/stories/Atoms/Spinner/Spinner.jsx +41 -0
  84. package/src/stories/Atoms/Spinner/Spinner.stories.jsx +41 -0
  85. package/src/stories/Atoms/Tag/Tag.css +29 -0
  86. package/src/stories/Atoms/Tag/Tag.jsx +41 -0
  87. package/src/stories/Atoms/Tag/Tag.stories.jsx +41 -0
  88. package/src/stories/Atoms/TextArea/TextArea.css +29 -0
  89. package/src/stories/Atoms/TextArea/TextArea.jsx +41 -0
  90. package/src/stories/Atoms/TextArea/TextArea.stories.jsx +41 -0
  91. package/src/stories/Atoms/TextInput/TextInput.css +29 -0
  92. package/src/stories/Atoms/TextInput/TextInput.jsx +41 -0
  93. package/src/stories/Atoms/TextInput/TextInput.stories.jsx +41 -0
  94. package/src/stories/Atoms/Toggle/Toggle.css +29 -0
  95. package/src/stories/Atoms/Toggle/Toggle.jsx +41 -0
  96. package/src/stories/Atoms/Toggle/Toggle.stories.jsx +41 -0
  97. package/src/stories/Atoms/Tooltip/Tooltip.css +29 -0
  98. package/src/stories/Atoms/Tooltip/Tooltip.jsx +41 -0
  99. package/src/stories/Atoms/Tooltip/Tooltip.stories.jsx +41 -0
  100. package/src/stories/Atoms/Video/Video.css +29 -0
  101. package/src/stories/Atoms/Video/Video.jsx +41 -0
  102. package/src/stories/Atoms/Video/Video.stories.jsx +41 -0
  103. package/src/stories/Atoms/index.js +65 -0
  104. package/src/stories/Atoms/meta_Atoms.js +46 -0
  105. package/src/stories/Components.js +198 -0
  106. package/src/stories/Components.md +189 -0
  107. package/src/stories/Getting Started.mdx +239 -0
  108. package/src/stories/Layouts/Grid/Grid.css +4 -0
  109. package/src/stories/Layouts/Grid/Grid.jsx +15 -0
  110. package/src/stories/Layouts/Grid/Grid.stories.jsx +26 -0
  111. package/src/stories/Layouts/Layout.js +28 -0
  112. package/src/stories/MDX.mdx +118 -0
  113. package/src/stories/Miscellaneous/Miscellaneous.js +24 -0
  114. package/src/stories/Molecules/Accordion/Accordion.css +4 -0
  115. package/src/stories/Molecules/Accordion/Accordion.jsx +25 -0
  116. package/src/stories/Molecules/Accordion/Accordion.stories.jsx +20 -0
  117. package/src/stories/Molecules/AudioPlayer/AudioPlayer.css +4 -0
  118. package/src/stories/Molecules/AudioPlayer/AudioPlayer.jsx +25 -0
  119. package/src/stories/Molecules/AudioPlayer/AudioPlayer.stories.jsx +20 -0
  120. package/src/stories/Molecules/AvatarWithName/AvatarWithName.css +4 -0
  121. package/src/stories/Molecules/AvatarWithName/AvatarWithName.jsx +25 -0
  122. package/src/stories/Molecules/AvatarWithName/AvatarWithName.stories.jsx +20 -0
  123. package/src/stories/Molecules/Breadcrumbs/Breadcrumbs.css +4 -0
  124. package/src/stories/Molecules/Breadcrumbs/Breadcrumbs.jsx +25 -0
  125. package/src/stories/Molecules/Breadcrumbs/Breadcrumbs.stories.jsx +20 -0
  126. package/src/stories/Molecules/ButtonGroup/ButtonGroup.css +4 -0
  127. package/src/stories/Molecules/ButtonGroup/ButtonGroup.jsx +25 -0
  128. package/src/stories/Molecules/ButtonGroup/ButtonGroup.stories.jsx +20 -0
  129. package/src/stories/Molecules/Card/Card.css +4 -0
  130. package/src/stories/Molecules/Card/Card.jsx +25 -0
  131. package/src/stories/Molecules/Card/Card.stories.jsx +20 -0
  132. package/src/stories/Molecules/ComparisonTable/ComparisonTable.css +4 -0
  133. package/src/stories/Molecules/ComparisonTable/ComparisonTable.jsx +25 -0
  134. package/src/stories/Molecules/ComparisonTable/ComparisonTable.stories.jsx +20 -0
  135. package/src/stories/Molecules/DataTable/DataTable.css +4 -0
  136. package/src/stories/Molecules/DataTable/DataTable.jsx +25 -0
  137. package/src/stories/Molecules/DataTable/DataTable.stories.jsx +20 -0
  138. package/src/stories/Molecules/FileUpload/FileUpload.css +4 -0
  139. package/src/stories/Molecules/FileUpload/FileUpload.jsx +25 -0
  140. package/src/stories/Molecules/FileUpload/FileUpload.stories.jsx +20 -0
  141. package/src/stories/Molecules/FormField/FormField.css +4 -0
  142. package/src/stories/Molecules/FormField/FormField.jsx +25 -0
  143. package/src/stories/Molecules/FormField/FormField.stories.jsx +20 -0
  144. package/src/stories/Molecules/Header/Header.css +35 -0
  145. package/src/stories/Molecules/Header/Header.jsx +76 -0
  146. package/src/stories/Molecules/Header/Header.stories.jsx +28 -0
  147. package/src/stories/Molecules/IconButton/IconButton.css +4 -0
  148. package/src/stories/Molecules/IconButton/IconButton.jsx +25 -0
  149. package/src/stories/Molecules/IconButton/IconButton.stories.jsx +20 -0
  150. package/src/stories/Molecules/ImageWithCaption/ImageWithCaption.css +4 -0
  151. package/src/stories/Molecules/ImageWithCaption/ImageWithCaption.jsx +25 -0
  152. package/src/stories/Molecules/ImageWithCaption/ImageWithCaption.stories.jsx +20 -0
  153. package/src/stories/Molecules/InputGroup/InputGroup.css +4 -0
  154. package/src/stories/Molecules/InputGroup/InputGroup.jsx +25 -0
  155. package/src/stories/Molecules/InputGroup/InputGroup.stories.jsx +20 -0
  156. package/src/stories/Molecules/InputWithLabel/InputWithLabel.css +4 -0
  157. package/src/stories/Molecules/InputWithLabel/InputWithLabel.jsx +25 -0
  158. package/src/stories/Molecules/InputWithLabel/InputWithLabel.stories.jsx +20 -0
  159. package/src/stories/Molecules/List/List.css +4 -0
  160. package/src/stories/Molecules/List/List.jsx +25 -0
  161. package/src/stories/Molecules/List/List.stories.jsx +20 -0
  162. package/src/stories/Molecules/MediaCard/MediaCard.css +4 -0
  163. package/src/stories/Molecules/MediaCard/MediaCard.jsx +25 -0
  164. package/src/stories/Molecules/MediaCard/MediaCard.stories.jsx +20 -0
  165. package/src/stories/Molecules/Modal/Modal.css +4 -0
  166. package/src/stories/Molecules/Modal/Modal.jsx +25 -0
  167. package/src/stories/Molecules/Modal/Modal.stories.jsx +20 -0
  168. package/src/stories/Molecules/Molecules.js +44 -0
  169. package/src/stories/Molecules/Navbar/Navbar.css +87 -0
  170. package/src/stories/Molecules/Navbar/Navbar.jsx +87 -0
  171. package/src/stories/Molecules/Navbar/Navbar.stories.jsx +20 -0
  172. package/src/stories/Molecules/Notification/Notification.css +4 -0
  173. package/src/stories/Molecules/Notification/Notification.jsx +25 -0
  174. package/src/stories/Molecules/Notification/Notification.stories.jsx +20 -0
  175. package/src/stories/Molecules/PricingTable/PricingTable.css +4 -0
  176. package/src/stories/Molecules/PricingTable/PricingTable.jsx +25 -0
  177. package/src/stories/Molecules/PricingTable/PricingTable.stories.jsx +20 -0
  178. package/src/stories/Molecules/SearchBar/SearchBar.css +4 -0
  179. package/src/stories/Molecules/SearchBar/SearchBar.jsx +25 -0
  180. package/src/stories/Molecules/SearchBar/SearchBar.stories.jsx +20 -0
  181. package/src/stories/Molecules/SelectTheme/SelectTheme.css +25 -0
  182. package/src/stories/Molecules/SelectTheme/SelectTheme.jsx +44 -0
  183. package/src/stories/Molecules/SelectTheme/SelectTheme.stories.jsx +25 -0
  184. package/src/stories/Molecules/Sidebar/Sidebar.css +4 -0
  185. package/src/stories/Molecules/Sidebar/Sidebar.jsx +25 -0
  186. package/src/stories/Molecules/Sidebar/Sidebar.stories.jsx +20 -0
  187. package/src/stories/Molecules/VideoWithDescription/VideoWithDescription.css +4 -0
  188. package/src/stories/Molecules/VideoWithDescription/VideoWithDescription.jsx +25 -0
  189. package/src/stories/Molecules/VideoWithDescription/VideoWithDescription.stories.jsx +20 -0
  190. package/src/stories/Molecules/index.js +57 -0
  191. package/src/stories/Organisms/Organisms.js +39 -0
  192. package/src/stories/Organisms/Profile/UserFriends/UserFriends.context.jsx +15 -0
  193. package/src/stories/Organisms/Profile/UserFriends/UserFriends.css +4 -0
  194. package/src/stories/Organisms/Profile/UserFriends/UserFriends.jsx +13 -0
  195. package/src/stories/Organisms/Profile/UserFriends/UserFriends.stories.jsx +26 -0
  196. package/src/stories/Organisms/Profile/UserPosts/UserPosts.context.jsx +15 -0
  197. package/src/stories/Organisms/Profile/UserPosts/UserPosts.css +4 -0
  198. package/src/stories/Organisms/Profile/UserPosts/UserPosts.jsx +13 -0
  199. package/src/stories/Organisms/Profile/UserPosts/UserPosts.stories.jsx +26 -0
  200. package/src/stories/Organisms/Profile/UserProfile/UserProfile.context.jsx +15 -0
  201. package/src/stories/Organisms/Profile/UserProfile/UserProfile.css +4 -0
  202. package/src/stories/Organisms/Profile/UserProfile/UserProfile.jsx +13 -0
  203. package/src/stories/Organisms/Profile/UserProfile/UserProfile.stories.jsx +26 -0
  204. package/src/stories/Pages/Page/Page.css +69 -0
  205. package/src/stories/Pages/Page/Page.jsx +69 -0
  206. package/src/stories/Pages/Page/Page.stories.js +26 -0
  207. package/src/stories/Pages/Page/Pages.js +31 -0
  208. package/src/stories/Templates/Templates.js +27 -0
  209. package/src/stories/assets/accessibility.png +0 -0
  210. package/src/stories/assets/accessibility.svg +1 -0
  211. package/src/stories/assets/addon-library.png +0 -0
  212. package/src/stories/assets/assets.png +0 -0
  213. package/src/stories/assets/avif-test-image.avif +0 -0
  214. package/src/stories/assets/context.png +0 -0
  215. package/src/stories/assets/discord.svg +1 -0
  216. package/src/stories/assets/docs.png +0 -0
  217. package/src/stories/assets/figma-plugin.png +0 -0
  218. package/src/stories/assets/github.svg +1 -0
  219. package/src/stories/assets/share.png +0 -0
  220. package/src/stories/assets/styling.png +0 -0
  221. package/src/stories/assets/testing.png +0 -0
  222. package/src/stories/assets/theming.png +0 -0
  223. package/src/stories/assets/tutorials.svg +1 -0
  224. package/src/stories/assets/youtube.svg +1 -0
  225. package/src/styles/Header.modules.css +32 -0
  226. package/src/styles/global.css +59 -0
  227. package/src/themes/ThemeProvider.jsx +36 -0
  228. package/src/themes/Themes.js +44 -0
  229. package/src/themes/dark.js +22 -0
  230. package/src/themes/light.js +22 -0
  231. package/src/themes/typ/Readme.md +4 -0
  232. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-700.woff2 +0 -0
  233. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-700italic.woff2 +0 -0
  234. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-italic.woff2 +0 -0
  235. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-regular.woff2 +0 -0
  236. package/src/themes/typ/github.css +416 -0
  237. package/src/themes/typ/gothic/GUST e-foundry License.txt +29 -0
  238. package/src/themes/typ/gothic/didact-gothic-c-ext.woff2 +0 -0
  239. package/src/themes/typ/gothic/didact-gothic-c.woff2 +0 -0
  240. package/src/themes/typ/gothic/texgyreadventor-bold.woff +0 -0
  241. package/src/themes/typ/gothic/texgyreadventor-bolditalic.woff +0 -0
  242. package/src/themes/typ/gothic/texgyreadventor-italic.woff +0 -0
  243. package/src/themes/typ/gothic/texgyreadventor-regular.woff +0 -0
  244. package/src/themes/typ/gothic.css +410 -0
  245. package/src/themes/typ/newsprint/pt-serif-v11-latin-700.woff2 +0 -0
  246. package/src/themes/typ/newsprint/pt-serif-v11-latin-700italic.woff2 +0 -0
  247. package/src/themes/typ/newsprint/pt-serif-v11-latin-italic.woff2 +0 -0
  248. package/src/themes/typ/newsprint/pt-serif-v11-latin-regular.woff2 +0 -0
  249. package/src/themes/typ/newsprint.css +622 -0
  250. package/src/themes/typ/night/codeblock.dark.css +113 -0
  251. package/src/themes/typ/night/credit.html +1 -0
  252. package/src/themes/typ/night/cursor.png +0 -0
  253. package/src/themes/typ/night/cursor@2x.png +0 -0
  254. package/src/themes/typ/night/mermaid.dark.css +7 -0
  255. package/src/themes/typ/night/sourcemode.dark.css +38 -0
  256. package/src/themes/typ/night.css +1032 -0
  257. package/src/themes/typ/pixyll/lato-v14-latin-300.woff +0 -0
  258. package/src/themes/typ/pixyll/lato-v14-latin-300italic.woff +0 -0
  259. package/src/themes/typ/pixyll/lato-v14-latin-900.woff +0 -0
  260. package/src/themes/typ/pixyll/lato-v14-latin-900italic.woff +0 -0
  261. package/src/themes/typ/pixyll/merriweather-v19-latin-300.woff +0 -0
  262. package/src/themes/typ/pixyll/merriweather-v19-latin-300italic.woff +0 -0
  263. package/src/themes/typ/pixyll/merriweather-v19-latin-700.woff +0 -0
  264. package/src/themes/typ/pixyll/merriweather-v19-latin-700italic.woff +0 -0
  265. package/src/themes/typ/pixyll.css +528 -0
  266. package/src/themes/typ/whitey.css +299 -0
@@ -0,0 +1,410 @@
1
+ @include-when-export url(https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext);
2
+
3
+ @font-face {
4
+ font-family: 'TeXGyreAdventor';
5
+ font-style: normal;
6
+ font-weight: normal;
7
+ src: url(./gothic/texgyreadventor-regular.woff) format('woff');
8
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
9
+ }
10
+ @font-face {
11
+ font-family: 'TeXGyreAdventor';
12
+ font-style: normal;
13
+ font-weight: bold;
14
+ src: url(./gothic/texgyreadventor-bold.woff) format('woff');
15
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
16
+ }
17
+ @font-face {
18
+ font-family: 'TeXGyreAdventor';
19
+ font-style: italic;
20
+ font-weight: normal;
21
+ src: url(./gothic/texgyreadventor-italic.woff) format('woff');
22
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
23
+ }
24
+ @font-face {
25
+ font-family: 'TeXGyreAdventor';
26
+ font-style: italic;
27
+ font-weight: bold;
28
+ src: url(./gothic/texgyreadventor-bolditalic.woff) format('woff');
29
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
30
+ }
31
+
32
+ /* cyrillic-ext */
33
+ @font-face {
34
+ font-family: 'Didact Gothic';
35
+ font-style: normal;
36
+ font-weight: 400;
37
+ font-display: swap;
38
+ src: local('Didact Gothic Regular'), local('DidactGothic-Regular'), url(./gothic/didact-gothic-c-ext.woff2) format('woff2');
39
+ unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
40
+ }
41
+ /* cyrillic */
42
+ @font-face {
43
+ font-family: 'Didact Gothic';
44
+ font-style: normal;
45
+ font-weight: 400;
46
+ font-display: swap;
47
+ src: local('Didact Gothic Regular'), local('DidactGothic-Regular'), url(./gothic/didact-gothic-c.woff2) format('woff2');
48
+ unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
49
+ }
50
+
51
+ :root {
52
+ --window-border: none;
53
+ --typora-center-window-title: true;
54
+ --active-file-bg-color: #f3f3f3;
55
+ --bg-color: #fcfcfc;
56
+ --control-text-color: #777;
57
+ }
58
+
59
+ .mac-seamless-mode #typora-sidebar {
60
+ top: 20px;
61
+ padding-top: 0;
62
+ height: auto;
63
+ }
64
+
65
+ html,
66
+ body,
67
+ #write{
68
+ background: #fcfcfc;
69
+ background: var(--bg-color);
70
+ font-family: 'TeXGyreAdventor', "Century Gothic", "Didact Gothic", "Yu Gothic", 'Segoe UI Emoji', sans-serif;
71
+ font-weight: 300;
72
+ -webkit-font-smoothing: antialiased;
73
+ }
74
+ h1,
75
+ h2,
76
+ h3,
77
+ h4,
78
+ h5,
79
+ h6 {
80
+ color: #111;
81
+ font-family: 'TeXGyreAdventor', "Century Gothic", "Didact Gothic", "Yu Gothic", sans-serif;
82
+ }
83
+
84
+ html {
85
+ font-size:16px;
86
+ }
87
+
88
+ #write {
89
+ max-width: 914px;
90
+ text-align: justify;
91
+ }
92
+
93
+ @media only screen and (min-width: 1400px) {
94
+ #write {
95
+ max-width: 1024px;
96
+ }
97
+ }
98
+
99
+ #write>h1:first-child {
100
+ margin-top: 2.75rem;
101
+ }
102
+ #write>h2:first-child {
103
+ margin-top: 1.75rem;
104
+ }
105
+ #write>h3:first-child {
106
+ margin-top: 1rem;
107
+ }
108
+ #write>h4:first-child {
109
+ margin-top: 0.5rem;
110
+ }
111
+ h1 {
112
+ font-weight: normal;
113
+ line-height: 4rem;
114
+ margin: 0 0 1.75rem;
115
+ padding: 20px 30px;
116
+ text-align: center;
117
+ text-transform: uppercase;
118
+ margin-top: 4rem;
119
+ }
120
+ h2 {
121
+ font-weight: normal;
122
+ line-height: 3rem;
123
+ margin: 0 0 1.9375rem;
124
+ padding: 0 30px;
125
+ text-align: center;
126
+ text-transform: uppercase;
127
+ margin-top: 3rem
128
+ }
129
+ h3 {
130
+ font-weight: normal;
131
+ }
132
+ h4 {
133
+ font-weight: normal;
134
+ }
135
+ h5 {
136
+ font-size: 1.125rem;
137
+ font-weight: normal;
138
+ }
139
+ h6 {
140
+ font-size: 1rem;
141
+ font-weight: bold;
142
+ }
143
+ p {
144
+ color: #111;
145
+ font-size: 1rem;
146
+ line-height: 1.75rem;
147
+ margin: 0 0 1.25rem;
148
+ }
149
+ #write>h3.md-focus:before {
150
+ left: -1.875rem;
151
+ top: 0.5rem;
152
+ padding: 2px;
153
+ }
154
+ #write>h4.md-focus:before {
155
+ left: -1.875rem;
156
+ top: 0.3125rem;
157
+ padding: 2px;
158
+ }
159
+ #write>h5.md-focus:before {
160
+ left: -1.875rem;
161
+ top: 0.25rem;
162
+ padding: 2px;
163
+ }
164
+ #write>h6.md-focus:before {
165
+ left: -1.875rem;
166
+ top: .125rem;
167
+ padding: 2px;
168
+ }
169
+ @media screen and (max-width: 48em) {
170
+ blockquote {
171
+ margin-left: 1rem;
172
+ margin-right: 0;
173
+ padding: 0.5em;
174
+ }
175
+ .h1,
176
+ h1 {
177
+ font-size: 2.827rem;
178
+ }
179
+ .h2,
180
+ h2 {
181
+ font-size: 1.999rem;
182
+ }
183
+ .h3,
184
+ h3 {
185
+ font-size: 1.413rem;
186
+ }
187
+ .h4,
188
+ h4 {
189
+ font-size: 1.250rem;
190
+ }
191
+ .h5,
192
+ h5 {
193
+ font-size: 1.150rem;
194
+ }
195
+ .h6,
196
+ h6 {
197
+ font-size: 1rem;
198
+ }
199
+ }
200
+ a,
201
+ .md-def-url {
202
+ color: #990000;
203
+ text-decoration: none;
204
+ }
205
+ a:hover {
206
+ text-decoration: underline;
207
+ }
208
+ table {
209
+ margin-bottom: 20px
210
+ }
211
+ table th,
212
+ table td {
213
+ padding: 8px;
214
+ line-height: 1.25rem;
215
+ vertical-align: top;
216
+ border-top: 1px solid #ddd
217
+ }
218
+ table th {
219
+ font-weight: bold
220
+ }
221
+ table thead th {
222
+ vertical-align: bottom
223
+ }
224
+ table caption+thead tr:first-child th,
225
+ table caption+thead tr:first-child td,
226
+ table colgroup+thead tr:first-child th,
227
+ table colgroup+thead tr:first-child td,
228
+ table thead:first-child tr:first-child th,
229
+ table thead:first-child tr:first-child td {
230
+ border-top: 0
231
+ }
232
+ table tbody+tbody {
233
+ border-top: 2px solid #ddd
234
+ }
235
+ code, .md-fences {
236
+ padding: .5em;
237
+ /*background: #f0f0f0;*/
238
+ border: 1px solid #ccc;
239
+ padding: .1em;
240
+ font-size: 0.9em;
241
+ margin-left: 0.2em;
242
+ margin-right: 0.2em;
243
+ }
244
+ .md-fences {
245
+ margin: 0 0 20px;
246
+ font-size: 1em;
247
+ padding: 0.3em 1em;
248
+ padding-top: 0.4em;
249
+ }
250
+ .task-list{
251
+ padding-left: 0;
252
+ }
253
+
254
+ .task-list-item {
255
+ padding-left:2.125rem;
256
+ }
257
+
258
+ input {
259
+ border-style: ridge;
260
+ }
261
+
262
+ .task-list-item input {
263
+ top: 3px;
264
+ }
265
+
266
+ .md-task-list-item input {
267
+ margin-left: -1.5em;
268
+ }
269
+
270
+ .task-list-item input:before {
271
+ content: "";
272
+ display: inline-block;
273
+ width: 1rem;
274
+ height: 1rem;
275
+ vertical-align: middle;
276
+ text-align: center;
277
+ border: 1px solid gray;
278
+ background-color: #fdfdfd;
279
+ margin-left: 0;
280
+ -webkit-appearance: none;
281
+ margin-top: -1rem;
282
+ }
283
+
284
+ .typora-node .task-list-item input:before {
285
+ top: 0.3ex;
286
+ position: absolute;
287
+ }
288
+
289
+ .task-list-item input:checked:before,
290
+ .task-list-item input[checked]:before{
291
+ content: '\25FC';
292
+ /*◘*/
293
+ font-size: 0.8125rem;
294
+ line-height: 0.9375rem;
295
+ }
296
+
297
+ /* Chrome 29+ */
298
+ .task-list-item input:before {
299
+ margin-top: -0.2rem;
300
+ }
301
+
302
+ .task-list-item input:checked:before,
303
+ .task-list-item input[checked]:before {
304
+ margin-top: -0.2rem;
305
+ }
306
+
307
+ .html-for-mac .task-list-item input:checked:before,
308
+ .html-for-mac .task-list-item input[checked]:before {
309
+ margin-top: -0.8rem;
310
+ }
311
+
312
+ blockquote {
313
+ margin: 0 0 1.11111rem;
314
+ padding: 0.5rem 1.11111rem 0 1.05556rem;
315
+ border-left: 1px solid gray;
316
+ }
317
+ blockquote,
318
+ blockquote p {
319
+ line-height: 1.6;
320
+ color: #6f6f6f;
321
+ }
322
+ #write pre.md-meta-block {
323
+ min-height: 30px;
324
+ background: #f8f8f8;
325
+ padding: 1.5em;
326
+ font-weight: 300;
327
+ font-size: 1em;
328
+ padding-bottom: 1.5em;
329
+ padding-top: 3em;
330
+ margin-top: -1.5em;
331
+ color: #999;
332
+
333
+ width: 100vw;
334
+ max-width: calc(100% + 60px);
335
+ margin-left: -30px;
336
+ border-left: 30px #f8f8f8 solid;
337
+ border-right: 30px #f8f8f8 solid;
338
+ }
339
+ .MathJax_Display {
340
+ font-size: 0.9em;
341
+ margin-top: 0.5em;
342
+ margin-bottom: 0;
343
+ }
344
+ p.mathjax-block,
345
+ .mathjax-block {
346
+ padding-bottom: 0;
347
+ }
348
+ .mathjax-block>.code-tooltip {
349
+ bottom: 5px;
350
+ box-shadow: none;
351
+ }
352
+ .md-image>.md-meta {
353
+ padding-left: 0.5em;
354
+ padding-right: 0.5em;
355
+ }
356
+ .md-image>img {
357
+ margin-top: 2px;
358
+ }
359
+ .md-image>.md-meta:first-of-type:before {
360
+ padding-left: 4px;
361
+ }
362
+
363
+ #typora-source {
364
+ color: #555;
365
+ }
366
+
367
+ /** ui for windows **/
368
+ #md-searchpanel {
369
+ border-bottom: 1px solid #ccc;
370
+ }
371
+
372
+ #md-searchpanel .btn {
373
+ border: 1px solid #ccc;
374
+ }
375
+
376
+ #md-notification:before {
377
+ top: 14px;
378
+ }
379
+
380
+ #md-notification {
381
+ background: #eee;
382
+ }
383
+
384
+ .megamenu-menu-panel .btn {
385
+ border: 1px solid #ccc;
386
+ }
387
+
388
+ #typora-sidebar {
389
+ box-shadow: none;
390
+ }
391
+
392
+ .file-list-item ,
393
+ .show-folder-name .file-list-item {
394
+ padding-top: 20px;
395
+ padding-bottom: 20px;
396
+ line-height: 20px;
397
+ }
398
+
399
+ .file-list-item-summary {
400
+ height: 40px;
401
+ line-height: 20px;
402
+ }
403
+
404
+ .ty-table-edit {
405
+ background: #ededed;
406
+ }
407
+
408
+ .dropdown-menu .divider {
409
+ border-color: #e5e5e5;
410
+ }