this.gui 1.0.14 → 1.0.16

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 (259) hide show
  1. package/README.md +0 -39
  2. package/dist/style.css +1 -1
  3. package/dist/this-gui.es.js +3751 -1882
  4. package/dist/this-gui.umd.js +34 -22
  5. package/package.json +14 -12
  6. package/src/App.jsx +50 -21
  7. package/src/SiteBuilder.jsx +39 -0
  8. package/src/index.mdx +10 -0
  9. package/src/main.jsx +11 -14
  10. package/src/scripts/postinstall.js +28 -31
  11. package/src/scripts/verifyLayouts.js +175 -0
  12. package/src/scripts/verifyTemplates.js +154 -0
  13. package/src/stories/Atoms/Alert/Alert.css +196 -14
  14. package/src/stories/Atoms/Alert/Alert.jsx +43 -28
  15. package/src/stories/Atoms/Alert/Alert.stories.jsx +154 -28
  16. package/src/stories/Atoms/Audio/Audio.css +246 -16
  17. package/src/stories/Atoms/Audio/Audio.jsx +204 -29
  18. package/src/stories/Atoms/Audio/Audio.stories.jsx +178 -28
  19. package/src/stories/Atoms/Badge/Badge.css +234 -15
  20. package/src/stories/Atoms/Badge/Badge.jsx +44 -31
  21. package/src/stories/Atoms/Badge/Badge.stories.jsx +108 -29
  22. package/src/stories/Atoms/Button/Button.css +106 -45
  23. package/src/stories/Atoms/Button/Button.jsx +31 -82
  24. package/src/stories/Atoms/Button/Button.stories.jsx +170 -40
  25. package/src/stories/Atoms/Caption/Caption.css +156 -16
  26. package/src/stories/Atoms/Caption/Caption.jsx +62 -31
  27. package/src/stories/Atoms/Caption/Caption.stories.jsx +194 -28
  28. package/src/stories/Atoms/Checkbox/Checkbox.css +168 -15
  29. package/src/stories/Atoms/Checkbox/Checkbox.jsx +73 -31
  30. package/src/stories/Atoms/Checkbox/Checkbox.stories.jsx +98 -27
  31. package/src/stories/Atoms/Container/Container.css +75 -15
  32. package/src/stories/Atoms/Container/Container.jsx +41 -28
  33. package/src/stories/Atoms/Container/Container.stories.jsx +92 -29
  34. package/src/stories/Atoms/Divider/Divider.css +131 -13
  35. package/src/stories/Atoms/Divider/Divider.jsx +54 -33
  36. package/src/stories/Atoms/Divider/Divider.stories.jsx +93 -29
  37. package/src/stories/Atoms/Heading/Heading.css +99 -16
  38. package/src/stories/Atoms/Heading/Heading.jsx +57 -29
  39. package/src/stories/Atoms/Heading/Heading.stories.jsx +117 -28
  40. package/src/stories/Atoms/Icon/Icon.css +219 -27
  41. package/src/stories/Atoms/Icon/Icon.jsx +67 -38
  42. package/src/stories/Atoms/Icon/Icon.stories.jsx +156 -51
  43. package/src/stories/Atoms/Image/Image.css +231 -15
  44. package/src/stories/Atoms/Image/Image.jsx +166 -32
  45. package/src/stories/Atoms/Image/Image.stories.jsx +319 -28
  46. package/src/stories/Atoms/Label/Label.css +158 -16
  47. package/src/stories/Atoms/Label/Label.jsx +61 -31
  48. package/src/stories/Atoms/Label/Label.stories.jsx +167 -28
  49. package/src/stories/Atoms/Link/Link.css +58 -16
  50. package/src/stories/Atoms/Link/Link.jsx +73 -32
  51. package/src/stories/Atoms/Link/Link.stories.jsx +141 -29
  52. package/src/stories/Atoms/Loader/Loader.css +93 -16
  53. package/src/stories/Atoms/Loader/Loader.jsx +47 -30
  54. package/src/stories/Atoms/Loader/Loader.stories.jsx +86 -28
  55. package/src/stories/Atoms/Logo/Logo.css +94 -0
  56. package/src/stories/Atoms/Logo/Logo.jsx +53 -0
  57. package/src/stories/Atoms/Logo/Logo.stories.jsx +120 -0
  58. package/src/stories/Atoms/Paragraph/Paragraph.css +167 -16
  59. package/src/stories/Atoms/Paragraph/Paragraph.jsx +67 -31
  60. package/src/stories/Atoms/Paragraph/Paragraph.stories.jsx +130 -28
  61. package/src/stories/Atoms/ProgressBar/ProgressBar.css +115 -17
  62. package/src/stories/Atoms/ProgressBar/ProgressBar.jsx +30 -31
  63. package/src/stories/Atoms/ProgressBar/ProgressBar.stories.jsx +72 -27
  64. package/src/stories/Atoms/RadioButton/RadioButton.css +118 -17
  65. package/src/stories/Atoms/RadioButton/RadioButton.jsx +77 -31
  66. package/src/stories/Atoms/RadioButton/RadioButton.stories.jsx +99 -27
  67. package/src/stories/Atoms/Range/Range.css +169 -0
  68. package/src/stories/Atoms/Range/Range.jsx +87 -0
  69. package/src/stories/Atoms/Range/Range.stories.jsx +110 -0
  70. package/src/stories/Atoms/Select/Select.css +74 -16
  71. package/src/stories/Atoms/Select/Select.jsx +62 -30
  72. package/src/stories/Atoms/Select/Select.stories.jsx +95 -27
  73. package/src/stories/Atoms/Slider/Slider.css +77 -16
  74. package/src/stories/Atoms/Slider/Slider.jsx +119 -31
  75. package/src/stories/Atoms/Slider/Slider.stories.jsx +77 -28
  76. package/src/stories/Atoms/Snackbar/Snackbar.css +297 -13
  77. package/src/stories/Atoms/Snackbar/Snackbar.jsx +62 -31
  78. package/src/stories/Atoms/Snackbar/Snackbar.stories.jsx +63 -26
  79. package/src/stories/Atoms/Spacer/Spacer.css +101 -16
  80. package/src/stories/Atoms/Spacer/Spacer.jsx +26 -32
  81. package/src/stories/Atoms/Spacer/Spacer.stories.jsx +50 -30
  82. package/src/stories/Atoms/Spinner/Spinner.css +97 -16
  83. package/src/stories/Atoms/Spinner/Spinner.jsx +50 -26
  84. package/src/stories/Atoms/Spinner/Spinner.stories.jsx +47 -30
  85. package/src/stories/Atoms/Tag/Tag.css +97 -14
  86. package/src/stories/Atoms/Tag/Tag.jsx +58 -24
  87. package/src/stories/Atoms/Tag/Tag.stories.jsx +55 -29
  88. package/src/stories/Atoms/TextArea/TextArea.css +84 -15
  89. package/src/stories/Atoms/TextArea/TextArea.jsx +107 -31
  90. package/src/stories/Atoms/TextArea/TextArea.stories.jsx +24 -30
  91. package/src/stories/Atoms/TextInput/TextInput.css +89 -17
  92. package/src/stories/Atoms/TextInput/TextInput.jsx +118 -27
  93. package/src/stories/Atoms/TextInput/TextInput.stories.jsx +52 -25
  94. package/src/stories/Atoms/Toggle/Toggle.css +105 -17
  95. package/src/stories/Atoms/Toggle/Toggle.jsx +55 -28
  96. package/src/stories/Atoms/Toggle/Toggle.stories.jsx +23 -30
  97. package/src/stories/Atoms/Tooltip/Tooltip.css +367 -14
  98. package/src/stories/Atoms/Tooltip/Tooltip.jsx +32 -28
  99. package/src/stories/Atoms/Tooltip/Tooltip.stories.jsx +41 -31
  100. package/src/stories/Atoms/Video/Video.css +27 -18
  101. package/src/stories/Atoms/Video/Video.jsx +65 -29
  102. package/src/stories/Atoms/Video/Video.stories.jsx +29 -30
  103. package/src/stories/Atoms/index.js +5 -2
  104. package/src/stories/Atoms/meta_Atoms.js +3 -1
  105. package/src/stories/Layouts/Accordion/Accordion.css +16 -0
  106. package/src/stories/Layouts/Accordion/Accordion.jsx +31 -0
  107. package/src/stories/Layouts/Accordion/Accordion.stories.jsx +28 -0
  108. package/src/stories/Layouts/DropdownMenu/DropdownMenu.css +16 -0
  109. package/src/stories/Layouts/DropdownMenu/DropdownMenu.jsx +31 -0
  110. package/src/stories/Layouts/DropdownMenu/DropdownMenu.stories.jsx +28 -0
  111. package/src/stories/Layouts/Flexbox/Flexbox.css +16 -0
  112. package/src/stories/Layouts/Flexbox/Flexbox.jsx +11 -0
  113. package/src/stories/Layouts/Flexbox/Flexbox.stories.jsx +28 -0
  114. package/src/stories/Layouts/Footer/Footer.css +16 -0
  115. package/src/stories/Layouts/Footer/Footer.jsx +31 -0
  116. package/src/stories/Layouts/Footer/Footer.stories.jsx +28 -0
  117. package/src/stories/Layouts/Grid/Grid.jsx +2 -4
  118. package/src/stories/Layouts/Grid/Grid.stories.jsx +20 -18
  119. package/src/stories/Layouts/Header/Header.css +16 -0
  120. package/src/stories/Layouts/Header/Header.jsx +31 -0
  121. package/src/stories/Layouts/Header/Header.stories.jsx +28 -0
  122. package/src/stories/Layouts/HeroBanner/HeroBanner.css +16 -0
  123. package/src/stories/Layouts/HeroBanner/HeroBanner.jsx +31 -0
  124. package/src/stories/Layouts/HeroBanner/HeroBanner.stories.jsx +28 -0
  125. package/src/stories/Layouts/HeroImageVideo/HeroImageVideo.css +16 -0
  126. package/src/stories/Layouts/HeroImageVideo/HeroImageVideo.jsx +31 -0
  127. package/src/stories/Layouts/HeroImageVideo/HeroImageVideo.stories.jsx +28 -0
  128. package/src/stories/Layouts/Pagination/Pagination.css +16 -0
  129. package/src/stories/Layouts/Pagination/Pagination.jsx +31 -0
  130. package/src/stories/Layouts/Pagination/Pagination.stories.jsx +28 -0
  131. package/src/stories/Layouts/Section/Section.css +16 -0
  132. package/src/stories/Layouts/Section/Section.jsx +31 -0
  133. package/src/stories/Layouts/Section/Section.stories.jsx +28 -0
  134. package/src/stories/Layouts/Sidebar/Sidebar.css +16 -0
  135. package/src/stories/Layouts/Sidebar/Sidebar.jsx +71 -0
  136. package/src/stories/Layouts/Sidebar/Sidebar.stories.jsx +28 -0
  137. package/src/stories/Layouts/Tabs/Tabs.css +16 -0
  138. package/src/stories/Layouts/Tabs/Tabs.jsx +31 -0
  139. package/src/stories/Layouts/Tabs/Tabs.stories.jsx +28 -0
  140. package/src/stories/Layouts/index.js +31 -0
  141. package/src/stories/Layouts/meta_Layouts.js +31 -0
  142. package/src/stories/Molecules/Navbar/Navbar.css +63 -59
  143. package/src/stories/Molecules/Navbar/Navbar.jsx +43 -48
  144. package/src/stories/Molecules/Navbar/Navbar.stories.jsx +58 -8
  145. package/src/stories/Molecules/SearchBar/SearchBar.css +66 -1
  146. package/src/stories/Molecules/SearchBar/SearchBar.jsx +59 -11
  147. package/src/stories/Molecules/SearchBar/SearchBar.stories.jsx +16 -7
  148. package/src/stories/Molecules/SelectTheme/SelectTheme.jsx +16 -38
  149. package/src/stories/Molecules/SelectTheme/SelectTheme.stories.jsx +1 -2
  150. package/src/stories/Molecules/Sidebar/Sidebar.css +65 -2
  151. package/src/stories/Molecules/Sidebar/Sidebar.jsx +66 -11
  152. package/src/stories/Molecules/Sidebar/Sidebar.stories.jsx +20 -5
  153. package/src/stories/Templates/AdminDashboard/AdminDashboard.css +7 -0
  154. package/src/stories/Templates/AdminDashboard/AdminDashboard.jsx +24 -0
  155. package/src/stories/Templates/AdminDashboard/AdminDashboard.stories.jsx +20 -0
  156. package/src/stories/Templates/CallToAction/CallToAction.css +7 -0
  157. package/src/stories/Templates/CallToAction/CallToAction.jsx +24 -0
  158. package/src/stories/Templates/CallToAction/CallToAction.stories.jsx +20 -0
  159. package/src/stories/Templates/FeaturesList/FeaturesList.css +7 -0
  160. package/src/stories/Templates/FeaturesList/FeaturesList.jsx +24 -0
  161. package/src/stories/Templates/FeaturesList/FeaturesList.stories.jsx +20 -0
  162. package/src/stories/Templates/FormSection/FormSection.css +7 -0
  163. package/src/stories/Templates/FormSection/FormSection.jsx +24 -0
  164. package/src/stories/Templates/FormSection/FormSection.stories.jsx +20 -0
  165. package/src/stories/Templates/HeroSection/HeroSection.css +7 -0
  166. package/src/stories/Templates/HeroSection/HeroSection.jsx +24 -0
  167. package/src/stories/Templates/HeroSection/HeroSection.stories.jsx +20 -0
  168. package/src/stories/Templates/LocationInfo/LocationInfo.css +7 -0
  169. package/src/stories/Templates/LocationInfo/LocationInfo.jsx +24 -0
  170. package/src/stories/Templates/LocationInfo/LocationInfo.stories.jsx +20 -0
  171. package/src/stories/Templates/ProductPage/ProductPage.css +7 -0
  172. package/src/stories/Templates/ProductPage/ProductPage.jsx +24 -0
  173. package/src/stories/Templates/ProductPage/ProductPage.stories.jsx +20 -0
  174. package/src/stories/Templates/RegistrationPage/RegistrationPage.css +7 -0
  175. package/src/stories/Templates/RegistrationPage/RegistrationPage.jsx +24 -0
  176. package/src/stories/Templates/RegistrationPage/RegistrationPage.stories.jsx +20 -0
  177. package/src/stories/Templates/ShoppingCart/ShoppingCart.css +7 -0
  178. package/src/stories/Templates/ShoppingCart/ShoppingCart.jsx +24 -0
  179. package/src/stories/Templates/ShoppingCart/ShoppingCart.stories.jsx +20 -0
  180. package/src/stories/Templates/SidebarTopNav/SidebarTopNav.css +7 -0
  181. package/src/stories/Templates/SidebarTopNav/SidebarTopNav.jsx +24 -0
  182. package/src/stories/Templates/SidebarTopNav/SidebarTopNav.stories.jsx +20 -0
  183. package/src/stories/Templates/SignInPage/SignInPage.css +7 -0
  184. package/src/stories/Templates/SignInPage/SignInPage.jsx +24 -0
  185. package/src/stories/Templates/SignInPage/SignInPage.stories.jsx +20 -0
  186. package/src/stories/Templates/SocialMediaLinks/SocialMediaLinks.css +7 -0
  187. package/src/stories/Templates/SocialMediaLinks/SocialMediaLinks.jsx +24 -0
  188. package/src/stories/Templates/SocialMediaLinks/SocialMediaLinks.stories.jsx +20 -0
  189. package/src/stories/Templates/Testimonials/Testimonials.css +7 -0
  190. package/src/stories/Templates/Testimonials/Testimonials.jsx +24 -0
  191. package/src/stories/Templates/Testimonials/Testimonials.stories.jsx +20 -0
  192. package/src/stories/Templates/index.js +33 -0
  193. package/src/stories/Templates/{Templates.js → meta_Templates.js} +3 -1
  194. package/src/stories/assets/logo.png +0 -0
  195. package/src/stories/assets/logo.svg +106 -0
  196. package/src/stories/assets/test.svg +3 -0
  197. package/src/themes/README.md +301 -0
  198. package/src/themes/ThemeProvider.jsx +47 -22
  199. package/src/themes/styles/dracula/dark.css +0 -0
  200. package/src/themes/styles/dracula/light.css +0 -0
  201. package/src/themes/styles/github/dark.css +0 -0
  202. package/src/themes/styles/github/light.css +0 -0
  203. package/src/themes/styles/neurons/dark.css +247 -0
  204. package/src/themes/styles/neurons/light.css +280 -0
  205. package/dist/github-3688a83a.js +0 -5
  206. package/dist/gothic-94a7ecd6.js +0 -5
  207. package/dist/newsprint-32bf94d9.js +0 -5
  208. package/dist/night-4a954853.js +0 -5
  209. package/dist/pixyll-94de4610.js +0 -5
  210. package/dist/whitey-db68723e.js +0 -5
  211. package/src/MDXEditor.jsx +0 -32
  212. package/src/stories/Atoms/RangeInput/RangeInput.css +0 -29
  213. package/src/stories/Atoms/RangeInput/RangeInput.jsx +0 -41
  214. package/src/stories/Atoms/RangeInput/RangeInput.stories.jsx +0 -41
  215. package/src/stories/Components.md +0 -189
  216. package/src/stories/Layouts/Layout.js +0 -28
  217. package/src/styles/Header.modules.css +0 -32
  218. package/src/styles/global.css +0 -59
  219. package/src/themes/Themes.js +0 -44
  220. package/src/themes/dark.js +0 -22
  221. package/src/themes/light.js +0 -22
  222. package/src/themes/typ/Readme.md +0 -4
  223. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-700.woff2 +0 -0
  224. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-700italic.woff2 +0 -0
  225. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-italic.woff2 +0 -0
  226. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-regular.woff2 +0 -0
  227. package/src/themes/typ/github.css +0 -416
  228. package/src/themes/typ/gothic/GUST e-foundry License.txt +0 -29
  229. package/src/themes/typ/gothic/didact-gothic-c-ext.woff2 +0 -0
  230. package/src/themes/typ/gothic/didact-gothic-c.woff2 +0 -0
  231. package/src/themes/typ/gothic/texgyreadventor-bold.woff +0 -0
  232. package/src/themes/typ/gothic/texgyreadventor-bolditalic.woff +0 -0
  233. package/src/themes/typ/gothic/texgyreadventor-italic.woff +0 -0
  234. package/src/themes/typ/gothic/texgyreadventor-regular.woff +0 -0
  235. package/src/themes/typ/gothic.css +0 -410
  236. package/src/themes/typ/newsprint/pt-serif-v11-latin-700.woff2 +0 -0
  237. package/src/themes/typ/newsprint/pt-serif-v11-latin-700italic.woff2 +0 -0
  238. package/src/themes/typ/newsprint/pt-serif-v11-latin-italic.woff2 +0 -0
  239. package/src/themes/typ/newsprint/pt-serif-v11-latin-regular.woff2 +0 -0
  240. package/src/themes/typ/newsprint.css +0 -622
  241. package/src/themes/typ/night/codeblock.dark.css +0 -113
  242. package/src/themes/typ/night/credit.html +0 -1
  243. package/src/themes/typ/night/cursor.png +0 -0
  244. package/src/themes/typ/night/cursor@2x.png +0 -0
  245. package/src/themes/typ/night/mermaid.dark.css +0 -7
  246. package/src/themes/typ/night/sourcemode.dark.css +0 -38
  247. package/src/themes/typ/night.css +0 -1032
  248. package/src/themes/typ/pixyll/lato-v14-latin-300.woff +0 -0
  249. package/src/themes/typ/pixyll/lato-v14-latin-300italic.woff +0 -0
  250. package/src/themes/typ/pixyll/lato-v14-latin-900.woff +0 -0
  251. package/src/themes/typ/pixyll/lato-v14-latin-900italic.woff +0 -0
  252. package/src/themes/typ/pixyll/merriweather-v19-latin-300.woff +0 -0
  253. package/src/themes/typ/pixyll/merriweather-v19-latin-300italic.woff +0 -0
  254. package/src/themes/typ/pixyll/merriweather-v19-latin-700.woff +0 -0
  255. package/src/themes/typ/pixyll/merriweather-v19-latin-700italic.woff +0 -0
  256. package/src/themes/typ/pixyll.css +0 -528
  257. package/src/themes/typ/whitey.css +0 -299
  258. /package/src/stories/Molecules/{Molecules.js → meta_Molecules.js} +0 -0
  259. /package/src/stories/Organisms/{Organisms.js → meta_Organisms.js} +0 -0
@@ -1,622 +0,0 @@
1
- /* meyer reset -- http://meyerweb.com/eric/tools/css/reset/ , v2.0 | 20110126 | License: none (public domain) */
2
-
3
- @include-when-export url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,cyrillic,latin-ext);
4
-
5
- /* =========== */
6
-
7
- /* pt-serif-regular - latin */
8
- @font-face {
9
- font-family: 'PT Serif';
10
- font-style: normal;
11
- font-weight: normal;
12
- src: local('PT Serif'), local('PTSerif-Regular'), url('./newsprint/pt-serif-v11-latin-regular.woff2') format('woff2');
13
- 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;
14
- }
15
- /* pt-serif-italic - latin */
16
- @font-face {
17
- font-family: 'PT Serif';
18
- font-style: italic;
19
- font-weight: normal;
20
- src: local('PT Serif Italic'), local('PTSerif-Italic'), url('./newsprint/pt-serif-v11-latin-italic.woff2') format('woff2');
21
- 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;
22
- }
23
- /* pt-serif-700 - latin */
24
- @font-face {
25
- font-family: 'PT Serif';
26
- font-style: normal;
27
- font-weight: bold;
28
- src: local('PT Serif Bold'), local('PTSerif-Bold'), url('./newsprint/pt-serif-v11-latin-700.woff2') format('woff2');
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
- /* pt-serif-700italic - latin */
32
- @font-face {
33
- font-family: 'PT Serif';
34
- font-style: italic;
35
- font-weight: bold;
36
- src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url('./newsprint/pt-serif-v11-latin-700italic.woff2') format('woff2');
37
- 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;
38
- }
39
-
40
- :root {
41
- --active-file-bg-color: #dadada;
42
- --active-file-bg-color: rgba(32, 43, 51, 0.63);
43
- --active-file-text-color: white;
44
- --bg-color: #f3f2ee;
45
- --text-color: #1f0909;
46
- --control-text-color: #444;
47
- --rawblock-edit-panel-bd: #e5e5e5;
48
-
49
- --select-text-bg-color: rgba(32, 43, 51, 0.63);
50
- --select-text-font-color: white;
51
- }
52
-
53
- pre {
54
- --select-text-bg-color: #36284e;
55
- --select-text-font-color: #fff;
56
- }
57
-
58
- html {
59
- font-size: 16px;
60
- -webkit-font-smoothing: antialiased;
61
- }
62
-
63
- html, body {
64
- background-color: #f3f2ee;
65
- font-family: "PT Serif", 'Times New Roman', Times, serif;
66
- color: #1f0909;
67
- line-height: 1.5em;
68
- }
69
-
70
- /*#write {
71
- overflow-x: auto;
72
- max-width: initial;
73
- padding-left: calc(50% - 17em);
74
- padding-right: calc(50% - 17em);
75
- }
76
-
77
- @media (max-width: 36em) {
78
- #write {
79
- padding-left: 1em;
80
- padding-right: 1em;
81
- }
82
- }*/
83
-
84
- #write {
85
- max-width: 40em;
86
- }
87
-
88
- @media only screen and (min-width: 1400px) {
89
- #write {
90
- max-width: 914px;
91
- }
92
- }
93
-
94
- ol li {
95
- list-style-type: decimal;
96
- list-style-position: outside;
97
- }
98
- ul li {
99
- list-style-type: disc;
100
- list-style-position: outside;
101
- }
102
-
103
- ol,
104
- ul {
105
- list-style: none;
106
- }
107
-
108
- blockquote,
109
- q {
110
- quotes: none;
111
- }
112
- blockquote:before,
113
- blockquote:after,
114
- q:before,
115
- q:after {
116
- content: '';
117
- content: none;
118
- }
119
- table {
120
- border-collapse: collapse;
121
- border-spacing: 0;
122
- }
123
- /* styles */
124
-
125
- /* ====== */
126
-
127
- /* headings */
128
-
129
- h1,
130
- h2,
131
- h3,
132
- h4,
133
- h5,
134
- h6 {
135
- font-weight: bold;
136
- }
137
- h1 {
138
- font-size: 1.875em;
139
- /*30 / 16*/
140
- line-height: 1.6em;
141
- /* 48 / 30*/
142
- margin-top: 2em;
143
- }
144
- h2,
145
- h3 {
146
- font-size: 1.3125em;
147
- /*21 / 16*/
148
- line-height: 1.15;
149
- /*24 / 21*/
150
- margin-top: 2.285714em;
151
- /*48 / 21*/
152
- margin-bottom: 1.15em;
153
- /*24 / 21*/
154
- }
155
- h3 {
156
- font-weight: normal;
157
- }
158
- h4 {
159
- font-size: 1.125em;
160
- /*18 / 16*/
161
- margin-top: 2.67em;
162
- /*48 / 18*/
163
- }
164
- h5,
165
- h6 {
166
- font-size: 1em;
167
- /*16*/
168
- }
169
- h1 {
170
- border-bottom: 1px solid;
171
- margin-bottom: 1.875em;
172
- padding-bottom: 0.8125em;
173
- }
174
- /* links */
175
-
176
- a {
177
- text-decoration: none;
178
- color: #065588;
179
- }
180
- a:hover,
181
- a:active {
182
- text-decoration: underline;
183
- }
184
- /* block spacing */
185
-
186
- p,
187
- blockquote,
188
- .md-fences {
189
- margin-bottom: 1.5em;
190
- }
191
- h1,
192
- h2,
193
- h3,
194
- h4,
195
- h5,
196
- h6 {
197
- margin-bottom: 1.5em;
198
- }
199
- /* blockquote */
200
-
201
- blockquote {
202
- font-style: italic;
203
- border-left: 5px solid;
204
- margin-left: 2em;
205
- padding-left: 1em;
206
- }
207
- /* lists */
208
-
209
- ul,
210
- ol {
211
- margin: 0 0 1.5em 1.5em;
212
- }
213
- /* tables */
214
- .md-meta,.md-before, .md-after {
215
- color:#999;
216
- }
217
-
218
- table {
219
- margin-bottom: 1.5em;
220
- /*24 / 16*/
221
- font-size: 1em;
222
- /* width: 100%; */
223
- }
224
- thead th,
225
- tfoot th {
226
- padding: .25em .25em .25em .4em;
227
- text-transform: uppercase;
228
- }
229
- th {
230
- text-align: left;
231
- }
232
- td {
233
- vertical-align: top;
234
- padding: .25em .25em .25em .4em;
235
- }
236
-
237
- code,
238
- .md-fences {
239
- background-color: #dadada;
240
- }
241
-
242
- code {
243
- padding-left: 2px;
244
- padding-right: 2px;
245
- }
246
-
247
- .md-fences {
248
- margin-left: 2em;
249
- margin-bottom: 3em;
250
- padding-left: 1ch;
251
- padding-right: 1ch;
252
- }
253
-
254
- pre,
255
- code,
256
- tt {
257
- font-size: .875em;
258
- line-height: 1.714285em;
259
- }
260
- /* some fixes */
261
-
262
- h1 {
263
- line-height: 1.3em;
264
- font-weight: normal;
265
- margin-bottom: 0.5em;
266
- }
267
-
268
- p + ul,
269
- p + ol{
270
- margin-top: .5em;
271
- }
272
-
273
- h3 + ul,
274
- h4 + ul,
275
- h5 + ul,
276
- h6 + ul,
277
- h3 + ol,
278
- h4 + ol,
279
- h5 + ol,
280
- h6 + ol {
281
- margin-top: .5em;
282
- }
283
-
284
- li > ul,
285
- li > ol {
286
- margin-top: inherit;
287
- margin-bottom: 0;
288
- }
289
-
290
- li ol>li {
291
- list-style-type: lower-alpha;
292
- }
293
-
294
- li li ol>li{
295
- list-style-type: lower-roman;
296
- }
297
-
298
- h2,
299
- h3 {
300
- margin-bottom: .75em;
301
- }
302
- hr {
303
- border-top: none;
304
- border-right: none;
305
- border-bottom: 1px solid;
306
- border-left: none;
307
- }
308
- h1 {
309
- border-color: #c5c5c5;
310
- }
311
- blockquote {
312
- border-color: #bababa;
313
- color: #656565;
314
- }
315
-
316
- blockquote ul,
317
- blockquote ol {
318
- margin-left:0;
319
- }
320
-
321
- .ty-table-edit {
322
- background-color: transparent;
323
- }
324
- thead {
325
- background-color: #dadada;
326
- }
327
- tr:nth-child(even) {
328
- background: #e8e7e7;
329
- }
330
- hr {
331
- border-color: #c5c5c5;
332
- }
333
- .task-list{
334
- padding-left: 1rem;
335
- }
336
-
337
- .md-task-list-item {
338
- padding-left: 1.5rem;
339
- list-style-type: none;
340
- }
341
-
342
- .md-task-list-item > input:before {
343
- content: '\221A';
344
- display: inline-block;
345
- width: 1.25rem;
346
- height: 1.6rem;
347
- vertical-align: middle;
348
- text-align: center;
349
- color: #ddd;
350
- background-color: #F3F2EE;
351
- }
352
-
353
- .md-task-list-item > input:checked:before,
354
- .md-task-list-item > input[checked]:before{
355
- color: inherit;
356
- }
357
-
358
- #write pre.md-meta-block {
359
- min-height: 1.875rem;
360
- color: #555;
361
- border: 0px;
362
- background: transparent;
363
- margin-top: -4px;
364
- margin-left: 1em;
365
- margin-top: 1em;
366
- }
367
-
368
- .md-image>.md-meta {
369
- color: #9B5146;
370
- }
371
-
372
- .md-image>.md-meta{
373
- font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', serif;
374
- }
375
-
376
-
377
- #write>h3.md-focus:before{
378
- left: -1.5rem;
379
- color:#999;
380
- border-color:#999;
381
- }
382
- #write>h4.md-focus:before{
383
- left: -1.5rem;
384
- top: .25rem;
385
- color:#999;
386
- border-color:#999;
387
- }
388
- #write>h5.md-focus:before{
389
- left: -1.5rem;
390
- top: .0.3125rem;
391
- color:#999;
392
- border-color:#999;
393
- }
394
- #write>h6.md-focus:before{
395
- left: -1.5rem;
396
- top: 0.3125rem;
397
- color:#999;
398
- border-color:#999;
399
- }
400
-
401
- .md-toc:focus .md-toc-content{
402
- margin-top: 19px;
403
- }
404
-
405
- .md-toc-content:empty:before{
406
- color: #065588;
407
- }
408
- .md-toc-item {
409
- color: #065588;
410
- }
411
- #write div.md-toc-tooltip {
412
- background-color: #f3f2ee;
413
- }
414
-
415
- #typora-sidebar {
416
- background-color: #f3f2ee;
417
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
418
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
419
- }
420
-
421
- .pin-outline #typora-sidebar {
422
- background: inherit;
423
- box-shadow: none;
424
- border-right: 1px dashed;
425
- }
426
-
427
- .pin-outline #typora-sidebar:hover .outline-title-wrapper {
428
- border-left:1px dashed;
429
- }
430
-
431
- .outline-item:hover {
432
- background-color: #dadada;
433
- border-left: 28px solid #dadada;
434
- border-right: 18px solid #dadada;
435
- }
436
-
437
- .typora-node .outline-item:hover {
438
- border-right: 28px solid #dadada;
439
- }
440
-
441
- .outline-expander:before {
442
- content: "\f0da";
443
- font-family: FontAwesome;
444
- font-size:14px;
445
- top: 1px;
446
- }
447
-
448
- .outline-expander:hover:before,
449
- .outline-item-open>.outline-item>.outline-expander:before {
450
- content: "\f0d7";
451
- }
452
-
453
- .modal-content {
454
- background-color: #f3f2ee;
455
- }
456
-
457
- .auto-suggest-container ul li {
458
- list-style-type: none;
459
- }
460
-
461
- /** UI for electron */
462
-
463
- .megamenu-menu,
464
- #top-titlebar, #top-titlebar *,
465
- .megamenu-content {
466
- background: #f3f2ee;
467
- color: #1f0909;
468
- }
469
-
470
- .megamenu-menu-header {
471
- border-bottom: 1px dashed #202B33;
472
- }
473
-
474
- .megamenu-menu {
475
- box-shadow: none;
476
- border-right: 1px dashed;
477
- }
478
-
479
- header, .context-menu, .megamenu-content, footer {
480
- font-family: "PT Serif", 'Times New Roman', Times, serif;
481
- color: #1f0909;
482
- }
483
-
484
- #megamenu-back-btn {
485
- color: #1f0909;
486
- border-color: #1f0909;
487
- }
488
-
489
- .megamenu-menu-header #megamenu-menu-header-title:before {
490
- color: #1f0909;
491
- }
492
-
493
- .megamenu-menu-list li a:hover, .megamenu-menu-list li a.active {
494
- color: inherit;
495
- background-color: #e8e7df;
496
- }
497
-
498
- .long-btn:hover {
499
- background-color: #e8e7df;
500
- }
501
-
502
- #recent-file-panel tbody tr:nth-child(2n-1) {
503
- background-color: transparent !important;
504
- }
505
-
506
- .megamenu-menu-panel tbody tr:hover td:nth-child(2) {
507
- color: inherit;
508
- }
509
-
510
- .megamenu-menu-panel .btn {
511
- background-color: #D2D1D1;
512
- }
513
-
514
- .btn-default {
515
- background-color: transparent;
516
- }
517
-
518
- .typora-sourceview-on #toggle-sourceview-btn,
519
- .ty-show-word-count #footer-word-count {
520
- background: #c7c5c5;
521
- }
522
-
523
- #typora-quick-open {
524
- background-color: inherit;
525
- }
526
-
527
- .md-diagram-panel {
528
- margin-top: 8px;
529
- }
530
-
531
- .file-list-item-file-name {
532
- font-weight: initial;
533
- }
534
-
535
- .file-list-item-summary {
536
- opacity: 1;
537
- }
538
-
539
- .file-list-item {
540
- color: #777;
541
- }
542
-
543
- .file-list-item.active {
544
- background-color: inherit;
545
- color: black;
546
- }
547
-
548
- .ty-side-sort-btn.active {
549
- background-color: inherit;
550
- }
551
-
552
- .file-list-item.active .file-list-item-file-name {
553
- font-weight: bold;
554
- }
555
-
556
- .file-list-item{
557
- opacity:1 !important;
558
- }
559
-
560
- .file-library-node.active>.file-node-background{
561
- background-color: rgba(32, 43, 51, 0.63);
562
- background-color: var(--active-file-bg-color);
563
- }
564
-
565
- .file-tree-node.active>.file-node-content{
566
- color: white;
567
- color: var(--active-file-text-color);
568
- }
569
-
570
- .md-task-list-item>input {
571
- margin-left: -1.7em;
572
- margin-top: calc(1rem - 12px);
573
- -webkit-appearance: button;
574
- }
575
-
576
- input {
577
- border: 1px solid #aaa;
578
- }
579
-
580
- .megamenu-menu-header #megamenu-menu-header-title,
581
- .megamenu-menu-header:hover,
582
- .megamenu-menu-header:focus {
583
- color: inherit;
584
- }
585
-
586
- .dropdown-menu .divider {
587
- border-color: #e5e5e5;
588
- opacity: 1;
589
- }
590
-
591
- /* https://github.com/typora/typora-issues/issues/2046 */
592
- .os-windows-7 strong,
593
- .os-windows-7 strong {
594
- font-weight: 760;
595
- }
596
-
597
- .ty-preferences .btn-default {
598
- background: transparent;
599
- }
600
-
601
- .ty-preferences .window-header {
602
- border-bottom: 1px dashed #202B33;
603
- box-shadow: none;
604
- }
605
-
606
- #sidebar-loading-template, #sidebar-loading-template.file-list-item {
607
- color: #777;
608
- }
609
-
610
- .searchpanel-search-option-btn.active {
611
- background: #777;
612
- color: white;
613
- }
614
-
615
- .export-detail, .light .export-detail,
616
- .light .export-item.active,
617
- .light .export-items-list-control {
618
- background: #e0e0e0;
619
- border-radius: 2px;
620
- font-weight: 700;
621
- color: inherit
622
- }
@@ -1,113 +0,0 @@
1
- @charset "UTF-8";
2
- /* CSS Document */
3
-
4
- /** code highlight */
5
-
6
- .cm-s-inner .cm-variable,
7
- .cm-s-inner .cm-operator,
8
- .cm-s-inner .cm-property {
9
- color: #b8bfc6;
10
- }
11
-
12
- .cm-s-inner .cm-keyword {
13
- color: #C88FD0;
14
- }
15
-
16
- .cm-s-inner .cm-tag {
17
- color: #7DF46A;
18
- }
19
-
20
- .cm-s-inner .cm-attribute {
21
- color: #7575E4;
22
- }
23
-
24
- .CodeMirror div.CodeMirror-cursor {
25
- border-left: 1px solid #b8bfc6;
26
- z-index: 3;
27
- }
28
-
29
- .cm-s-inner .cm-string {
30
- color: #D26B6B;
31
- }
32
-
33
- .cm-s-inner .cm-comment,
34
- .cm-s-inner.cm-comment {
35
- color: #DA924A;
36
- }
37
-
38
- .cm-s-inner .cm-header,
39
- .cm-s-inner .cm-def,
40
- .cm-s-inner.cm-header,
41
- .cm-s-inner.cm-def {
42
- color: #8d8df0;
43
- }
44
-
45
- .cm-s-inner .cm-quote,
46
- .cm-s-inner.cm-quote {
47
- color: #57ac57;
48
- }
49
-
50
- .cm-s-inner .cm-hr {
51
- color: #d8d5d5;
52
- }
53
-
54
- .cm-s-inner .cm-link {
55
- color: #d3d3ef;
56
- }
57
-
58
- .cm-s-inner .cm-negative {
59
- color: #d95050;
60
- }
61
-
62
- .cm-s-inner .cm-positive {
63
- color: #50e650;
64
- }
65
-
66
- .cm-s-inner .cm-string-2 {
67
- color: #f50;
68
- }
69
-
70
- .cm-s-inner .cm-meta,
71
- .cm-s-inner .cm-qualifier {
72
- color: #b7b3b3;
73
- }
74
-
75
- .cm-s-inner .cm-builtin {
76
- color: #f3b3f8;
77
- }
78
-
79
- .cm-s-inner .cm-bracket {
80
- color: #997;
81
- }
82
-
83
- .cm-s-inner .cm-atom,
84
- .cm-s-inner.cm-atom {
85
- color: #84B6CB;
86
- }
87
-
88
- .cm-s-inner .cm-number {
89
- color: #64AB8F;
90
- }
91
-
92
- .cm-s-inner .cm-variable {
93
- color: #b8bfc6;
94
- }
95
-
96
- .cm-s-inner .cm-variable-2 {
97
- color: #9FBAD5;
98
- }
99
-
100
- .cm-s-inner .cm-variable-3 {
101
- color: #1cc685;
102
- }
103
-
104
- .CodeMirror-selectedtext,
105
- .CodeMirror-selected {
106
- background: #4a89dc;
107
- color: #fff !important;
108
- text-shadow: none;
109
- }
110
-
111
- .CodeMirror-gutters {
112
- border-right: none;
113
- }
@@ -1 +0,0 @@
1
- <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
Binary file
Binary file