this.gui 1.0.12 → 1.0.14

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,528 @@
1
+ @include-when-export url(https://fonts.googleapis.com/css?family=Merriweather:900,900italic,300,300italic&subset=latin-ext);
2
+ @include-when-export url(https://fonts.googleapis.com/css?family=Lato:900,300&subset=latin-ext);
3
+
4
+ :root {
5
+ --control-text-color: #777;
6
+ }
7
+
8
+ /**
9
+ * forked from pixyll.com
10
+ * MIT license
11
+ */
12
+
13
+ @font-face {
14
+ font-family: 'Merriweather';
15
+ font-style: normal;
16
+ font-weight: normal;
17
+ src: local('Merriweather Light'), local('Merriweather-Light'), url('./pixyll/merriweather-v19-latin-300.woff') format('woff');
18
+ 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;
19
+ }
20
+ @font-face {
21
+ font-family: 'Merriweather';
22
+ font-style: normal;
23
+ font-weight: bold;
24
+ src: local('Merriweather Heavy'), local('Merriweather-Heavy'), url('./pixyll/merriweather-v19-latin-700.woff') format('woff');
25
+ 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;
26
+ }
27
+ @font-face {
28
+ font-family: 'Merriweather';
29
+ font-style: italic;
30
+ font-weight: normal;
31
+ src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url('./pixyll/merriweather-v19-latin-300italic.woff') format('woff');
32
+ 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;
33
+ }
34
+ @font-face {
35
+ font-family: 'Merriweather';
36
+ font-style: italic;
37
+ font-weight: bold;
38
+ src: local('Merriweather Heavy Italic'), local('Merriweather-HeavyItalic'), url('./pixyll/merriweather-v19-latin-700italic.woff') format('woff');
39
+ 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;
40
+ }
41
+
42
+ @font-face {
43
+ font-family: 'Lato';
44
+ font-style: normal;
45
+ font-weight: normal;
46
+ src: local('Lato Light'), local('Lato-Light'), url('./pixyll/lato-v14-latin-300.woff') format('woff');
47
+ 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;
48
+ }
49
+ @font-face {
50
+ font-family: 'Lato';
51
+ font-style: normal;
52
+ font-weight: bold;
53
+ src: local('Lato Black'), local('Lato-Blcak'), url('./pixyll/lato-v14-latin-900.woff') format('woff');
54
+ 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;
55
+ }
56
+ @font-face {
57
+ font-family: 'Lato';
58
+ font-style: italic;
59
+ font-weight: normal;
60
+ src: local('Lato LightItalic'), local('Lato-LightItalic'), url('./pixyll/lato-v14-latin-300italic.woff') format('woff');
61
+ 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;
62
+ }
63
+ @font-face {
64
+ font-family: 'Lato';
65
+ font-style: italic;
66
+ font-weight: bold;
67
+ src: local('Lato BlackItalic'), local('Lato-BlackItalic'), url('./pixyll/lato-v14-latin-900italic.woff') format('woff');
68
+ 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;
69
+ }
70
+
71
+ h1,
72
+ .h1,
73
+ .f1 {
74
+ font-size: 2rem;
75
+ line-height: 2.5rem;
76
+ }
77
+ h2,
78
+ .h2,
79
+ .f2 {
80
+ font-size: 1.5rem;
81
+ line-height: 2rem;
82
+ }
83
+ h3,
84
+ .h3,
85
+ .f3 {
86
+ font-size: 1.25rem;
87
+ line-height: 1.5rem;
88
+ }
89
+ p,
90
+ .p,
91
+ .f4,
92
+ h4,
93
+ h5,
94
+ h6,
95
+ dl,
96
+ ol,
97
+ ul,
98
+ pre[cid],
99
+ div[cid],
100
+ #typora-source {
101
+ font-size: 1.125rem;
102
+ line-height: 1.5rem;
103
+ }
104
+
105
+ h4 {
106
+ font-size: 1.13rem;
107
+ }
108
+ /*
109
+ Pixyll
110
+ A simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff.
111
+ Best served with BASSCSS (http://jxnblk.github.io/basscss)
112
+ Crafted with <3 by John Otander (@4lpine) - ©2015 John Otander MIT License http://opensource.org/licenses/MIT
113
+
114
+ */
115
+
116
+ body {
117
+ font-family: "Merriweather", "PT Serif", Georgia, "Times New Roman", "STSong", 'Segoe UI Emoji', Serif;
118
+ line-height: 1.5rem;
119
+ font-weight: 400;
120
+ }
121
+
122
+ #write {
123
+ max-width: 914px;
124
+ color: #333;
125
+ }
126
+
127
+ @media only screen and (min-width: 1400px) {
128
+ #write {
129
+ max-width: 1100px;
130
+ }
131
+ }
132
+
133
+ @media only screen and (min-width: 1700px) {
134
+ #write {
135
+ max-width: 1200px;
136
+ }
137
+ }
138
+
139
+ img {
140
+ width: auto;
141
+ max-width: 100%;
142
+ }
143
+ body {
144
+ font-size: 1.5rem;
145
+ box-sizing: border-box;
146
+ -moz-box-sizing: border-box;
147
+ -webkit-box-sizing: border-box;
148
+ }
149
+
150
+ .ty-table-edit {
151
+ background: #ededed;
152
+ }
153
+
154
+ table {
155
+ width: 100%;
156
+ font-size: 1.125rem;
157
+ }
158
+ table > thead > tr > th,
159
+ table > thead > tr > td,
160
+ table > tbody > tr > th,
161
+ table > tbody > tr > td,
162
+ table > tfoot > tr > th,
163
+ table > tfoot > tr > td {
164
+ padding: 12px;
165
+ line-height: 1.2;
166
+ vertical-align: top;
167
+ border-top: 1px solid #333;
168
+ }
169
+ table > thead > tr > th {
170
+ vertical-align: bottom;
171
+ border-bottom: 2px solid #333;
172
+ }
173
+ table > caption + thead > tr:first-child > th,
174
+ table > caption + thead > tr:first-child > td,
175
+ table > colgroup + thead > tr:first-child > th,
176
+ table > colgroup + thead > tr:first-child > td,
177
+ table > thead:first-child > tr:first-child > th,
178
+ table > thead:first-child > tr:first-child > td {
179
+ border-top: 0;
180
+ }
181
+ table > tbody + tbody {
182
+ border-top: 2px solid #333;
183
+ }
184
+ p {
185
+ font-weight: 300;
186
+ line-height: 1.5;
187
+ }
188
+ abbr {
189
+ border-bottom: 1px black dotted;
190
+ cursor: help;
191
+ }
192
+ pre,
193
+ code {
194
+ font-family: Menlo, Monaco, "Courier New", monospace;
195
+ }
196
+
197
+ code,
198
+ .md-fences {
199
+ color: #7a7a7a;
200
+ }
201
+
202
+ .md-fences {
203
+ padding: 1.125em;
204
+ margin-bottom: 0.88em;
205
+ font-size: 1rem;
206
+ border: 1px solid #7a7a7a;
207
+ padding-bottom: 0.5rem;
208
+ padding-top: 0.5rem;
209
+ }
210
+
211
+ blockquote {
212
+ padding: 1.33em;
213
+ font-style: italic;
214
+ border-left: 5px solid #7a7a7a;
215
+ color: #555;
216
+ }
217
+ blockquote em {
218
+ color: #000;
219
+ }
220
+ blockquote footer {
221
+ font-size: .85rem;
222
+ font-style: normal;
223
+ background-color: #fff;
224
+ color: #7a7a7a;
225
+ border-color: transparent;
226
+ }
227
+ h1,
228
+ .h1,
229
+ h2,
230
+ .h2,
231
+ h3,
232
+ .h3,
233
+ h4,
234
+ .h4,
235
+ h5,
236
+ .h5,
237
+ h6,
238
+ .h6 {
239
+ font-family: "Lato", 'Helvetica Neue', Helvetica, sans-serif;
240
+ font-weight: bold;
241
+ line-height: 1.2;
242
+ margin: 1em 0 0.5em;
243
+ }
244
+ @media screen and (min-width: 48em) {
245
+ .h1,
246
+ h1 {
247
+ font-size: 3.250rem;
248
+ }
249
+ .h2,
250
+ h2 {
251
+ font-size: 2.298rem;
252
+ }
253
+ .h3,
254
+ h3 {
255
+ font-size: 1.625rem;
256
+ }
257
+ .h4,
258
+ h4 {
259
+ font-size: 1.3rem;
260
+ }
261
+ #write>h4.md-focus:before,
262
+ #write>h5.md-focus:before,
263
+ #write>h6.md-focus:before{
264
+ top: 1px;
265
+ }
266
+ .p,
267
+ p,
268
+ li {
269
+ font-size: 1.25rem;
270
+ line-height: 1.8;
271
+ }
272
+ table {
273
+ font-size: 1.25rem;
274
+ }
275
+ }
276
+ @media (max-width: 48em) {
277
+ blockquote {
278
+ margin-left: 1rem;
279
+ margin-right: 0;
280
+ padding: 0.5em;
281
+ }
282
+ .h1,
283
+ h1 {
284
+ font-size: 2.827rem;
285
+ }
286
+ .h2,
287
+ h2 {
288
+ font-size: 1.999rem;
289
+ }
290
+ .h3,
291
+ h3 {
292
+ font-size: 1.413rem;
293
+ }
294
+ .h4,
295
+ h4 {
296
+ font-size: 1.3rem;
297
+ }
298
+ }
299
+ @media screen and (min-width: 64em) {
300
+ .h1,
301
+ h1 {
302
+ font-size: 4.498rem;
303
+ }
304
+ .h2,
305
+ h2 {
306
+ font-size: 2.29rem;
307
+ }
308
+ .h3,
309
+ h3 {
310
+ font-size: 1.9rem;
311
+ }
312
+ .h4,
313
+ h4 {
314
+ font-size: 1.591rem;
315
+ }
316
+ #write>h4.md-focus:before{
317
+ top:4px;
318
+ }
319
+ }
320
+ a {
321
+ color: #463F5C;
322
+ text-decoration: underline;
323
+ }
324
+
325
+ #write {
326
+ padding-top: 2rem;
327
+ }
328
+
329
+ #write pre.md-meta-block {
330
+ min-height: 35px;
331
+ padding: 0.5em 1em;
332
+ white-space: pre;
333
+ border: 0px;
334
+
335
+ border-left: 30px #f8f8f8 solid;
336
+ border-right: 30px #f8f8f8 solid;
337
+ width: 100vw;
338
+ max-width: calc(100% + 60px);
339
+
340
+ margin-left: -30px;
341
+ margin-bottom: 2em;
342
+ margin-top: -2010px;
343
+ padding-top: 2000px;
344
+ padding-bottom: 10px;
345
+ line-height: 1.5em;
346
+ color: #7a7a7a;
347
+ background-color: #fafafa;
348
+ font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
349
+ font-weight: 300;
350
+ clear: both;
351
+ padding-left: 0;
352
+ font-size:1.125rem;
353
+ }
354
+ .md-image>.md-meta {
355
+ color: #463F5C
356
+ }
357
+ .footnotes {
358
+ font-size:1.1rem;
359
+ }
360
+ .md-tag {
361
+ font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif;
362
+ }
363
+ .code-tooltip {
364
+ background: white;
365
+ }
366
+ .code-tooltip-content {
367
+ font-size: 1.1rem;
368
+ }
369
+
370
+ .task-list{
371
+ padding-left: 0;
372
+ }
373
+
374
+ .md-task-list-item {
375
+ padding-left:34px;
376
+ }
377
+
378
+ .md-task-list-item > input{
379
+ width: 1.25rem;
380
+ height: 1.25rem;
381
+ display: block;
382
+ -webkit-appearance: initial;
383
+ top: -0.2rem;
384
+ margin-left: -1.6em;
385
+ margin-top: calc(1rem - 7px);
386
+ border: none;
387
+ }
388
+
389
+ .md-task-list-item > input:focus{
390
+ outline: none;
391
+ box-shadow: none;
392
+ }
393
+
394
+ .md-task-list-item > input:before{
395
+ border: 1px solid #555;
396
+ border-radius: 1.5rem;
397
+ width: 1.5rem;
398
+ height: 1.5rem;
399
+ background: #fff;
400
+ content: ' ';
401
+ transition: background-color 200ms ease-in-out;
402
+ display: block;
403
+ }
404
+
405
+ .md-task-list-item > input:checked:before,
406
+ .md-task-list-item > input[checked]:before{
407
+ background: #333;
408
+ border-width: 2px;
409
+ display:inline-block;
410
+ transition: background-color 200ms ease-in-out;
411
+ }
412
+
413
+ .md-task-list-item > input:checked:after,
414
+ .md-task-list-item > input[checked]:after {
415
+ opacity: 1;
416
+ }
417
+
418
+ .md-task-list-item > input:after {
419
+ opacity: 1;
420
+ -webkit-transition: opacity 0.05s ease-in-out;
421
+ -moz-transition: opacity 0.05s ease-in-out;
422
+ transition: opacity 0.05s ease-in-out;
423
+ -webkit-transform: rotate(-45deg);
424
+ -moz-transform: rotate(-45deg);
425
+ transform: rotate(-45deg);
426
+ position: absolute;
427
+ top: 0.4375rem;
428
+ left: 0.28125rem;
429
+ width: 0.9375rem;
430
+ height: 0.5rem;
431
+ border: 3px solid #fff;
432
+ border-top: 0;
433
+ border-right: 0;
434
+ content: ' ';
435
+ opacity: 0;
436
+ }
437
+
438
+ .md-tag {
439
+ color:inherit;
440
+ }
441
+
442
+ .md-toc:focus .md-toc-content{
443
+ margin-top: 19px;
444
+ }
445
+
446
+ #typora-sidebar {
447
+ font-size:1rem !important;
448
+ }
449
+
450
+ .html-for-mac #typora-sidebar {
451
+ background-color:white;
452
+ }
453
+
454
+ .outline-content li, .outline-content ul {
455
+ font-size:1rem !important;
456
+ }
457
+
458
+ .outline-title {
459
+ line-height: inherit;
460
+ margin-top: 10px;
461
+ }
462
+
463
+ .outline-expander {
464
+ width: 18px;
465
+ }
466
+
467
+ .outline-expander:before {
468
+ content: "+";
469
+ font-family: inherit;
470
+ color: rgb(108, 108, 108);
471
+ font-size: 1.5rem;
472
+ top: -0.1rem;
473
+ }
474
+
475
+ .outline-expander:hover:before {
476
+ content: "+";
477
+ }
478
+
479
+ .outline-item-open>.outline-item>.outline-expander:before{
480
+ content: "-";
481
+ }
482
+
483
+ /** source code mode */
484
+ #typora-source {
485
+ font-family: Courier, monospace;
486
+ color: #6A6A6A;
487
+ }
488
+
489
+ .os-windows #typora-source {
490
+ font-family: inherit;
491
+ }
492
+
493
+ .cm-s-typora-default .cm-header,
494
+ .cm-s-typora-default .cm-property,
495
+ .CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
496
+ color: #428bca;
497
+ }
498
+
499
+ .cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number {
500
+ color: #777777;
501
+ }
502
+
503
+ .md-diagram-panel {
504
+ margin-top: 24px;
505
+ margin-left: -1.2em;
506
+ }
507
+
508
+ .md-mathjax-midline {
509
+ background: #fafafa;
510
+ }
511
+
512
+ .enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip,
513
+ .enable-diagrams pre.md-fences[lang="flow"] .code-tooltip,
514
+ .enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip {
515
+ bottom: -3.4em;
516
+ }
517
+
518
+ .dropdown-menu .divider {
519
+ border-color: #e5e5e5;
520
+ }
521
+
522
+ li {
523
+ margin: 0.5rem 0;
524
+ }
525
+
526
+ li > *:last-child {
527
+ margin-bottom: 0;
528
+ }