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,528 +0,0 @@
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
- }