u2ui 1.0.1 → 1.4.6

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 (591) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +36 -36
  3. package/attr/behavior/README.md +6 -4
  4. package/attr/behavior/behavior.js +265 -261
  5. package/attr/behavior/manifest.json +42 -42
  6. package/attr/confirm/README.md +8 -8
  7. package/attr/confirm/confirm.js +87 -90
  8. package/attr/confirm/manifest.json +42 -42
  9. package/attr/disableif/README.md +37 -0
  10. package/attr/disableif/disableif.js +59 -0
  11. package/attr/disableif/manifest.json +38 -0
  12. package/attr/draghandle/README.md +15 -15
  13. package/attr/draghandle/draghandle.js +24 -42
  14. package/attr/draghandle/manifest.json +30 -0
  15. package/attr/dropzone/README.md +32 -0
  16. package/attr/dropzone/dropzone.js +485 -0
  17. package/attr/dropzone/manifest.json +36 -0
  18. package/attr/focusgroup/README.md +9 -9
  19. package/attr/focusgroup/focusgroup.js +97 -100
  20. package/attr/focusgroup/manifest.json +30 -38
  21. package/attr/href/README.md +5 -5
  22. package/attr/href/href.js +50 -42
  23. package/attr/href/manifest.json +42 -42
  24. package/attr/intersect/README.md +15 -15
  25. package/attr/intersect/intersect.js +98 -98
  26. package/attr/intersect/manifest.json +44 -57
  27. package/attr/lightbox/README.md +27 -0
  28. package/attr/lightbox/lightbox.js +120 -0
  29. package/attr/lightbox/manifest.json +29 -0
  30. package/attr/movable/README.md +27 -0
  31. package/attr/movable/manifest.json +47 -0
  32. package/attr/movable/movable.js +111 -0
  33. package/attr/navigable/README.md +9 -9
  34. package/attr/navigable/TargetObserver.js +90 -91
  35. package/attr/navigable/U2TargetObserver.js +75 -75
  36. package/attr/navigable/manifest.json +34 -42
  37. package/attr/navigable/navigable.js +85 -87
  38. package/attr/parallax/README.md +10 -10
  39. package/attr/parallax/manifest.json +36 -0
  40. package/attr/parallax/parallax.js +119 -119
  41. package/attr/scrollspy/README.md +43 -0
  42. package/attr/scrollspy/manifest.json +28 -0
  43. package/attr/scrollspy/scrollspy.js +85 -0
  44. package/attr/selectable/README.md +42 -0
  45. package/attr/selectable/SelectionManager.js +171 -0
  46. package/attr/selectable/manifest.json +33 -0
  47. package/attr/selectable/selectable.js +28 -0
  48. package/attr/skin/README.md +15 -16
  49. package/attr/skin/manifest.json +40 -0
  50. package/attr/skin/skin.css +49 -50
  51. package/attr/store/README.md +41 -0
  52. package/attr/store/manifest.json +28 -0
  53. package/attr/store/store.js +62 -0
  54. package/class/badge/README.md +2 -2
  55. package/class/badge/badge.css +34 -34
  56. package/class/card/README.md +51 -0
  57. package/class/card/card.css +31 -0
  58. package/class/flex/README.md +16 -16
  59. package/class/flex/flex.css +15 -25
  60. package/class/grid/README.md +18 -18
  61. package/class/grid/grid.css +38 -40
  62. package/class/reset/README.md +6 -6
  63. package/class/reset/reset.css +8 -8
  64. package/class/table/README.md +22 -21
  65. package/class/table/table.css +125 -125
  66. package/class/unstyle/README.md +7 -5
  67. package/class/unstyle/unstyle.css +15 -12
  68. package/class/width/README.md +18 -18
  69. package/class/width/width.css +21 -22
  70. package/css/README.md +11 -0
  71. package/css/base/README.md +8 -2
  72. package/css/base/base.css +153 -127
  73. package/css/base/beta.css +34 -50
  74. package/css/base/full.css +5 -5
  75. package/css/base/nomotion.css +8 -8
  76. package/css/base/print.css +36 -36
  77. package/css/classless/README.md +10 -4
  78. package/css/classless/aria.css +51 -64
  79. package/css/classless/classless.css +118 -124
  80. package/css/classless/full.css +11 -11
  81. package/css/classless/more.css +314 -340
  82. package/css/classless/simple.css +314 -103
  83. package/css/classless/snippeds/a/icons.css +66 -12
  84. package/css/classless/snippeds/a/tests.html +118 -0
  85. package/css/classless/snippeds/blockquote/big-quotes.css +36 -0
  86. package/css/classless/snippeds/blockquote/tests.html +62 -0
  87. package/css/classless/snippeds/button/square.css +22 -0
  88. package/css/classless/snippeds/button/tests.html +53 -0
  89. package/css/classless/snippeds/experiments/aria-header-nav-dropdown.css +46 -0
  90. package/css/classless/snippeds/hr/gradient.css +2 -2
  91. package/css/classless/snippeds/hr/section_sign.css +16 -16
  92. package/css/classless/snippeds/hr/tests.html +49 -49
  93. package/css/classless/snippeds/p/indent.css +9 -0
  94. package/css/classless/snippeds/p/initial.css +9 -0
  95. package/css/classless/snippeds/p/tests.html +60 -0
  96. package/css/classless/variables.css +132 -99
  97. package/css/norm/README.md +7 -1
  98. package/css/norm/beta.css +41 -39
  99. package/css/norm/norm.css +89 -98
  100. package/css/norm/oldies.css +71 -60
  101. package/css/{classes → utils}/README.md +10 -4
  102. package/css/{classes/classes.css → utils/utils.css} +78 -78
  103. package/el/accordion/README.md +60 -59
  104. package/el/accordion/accordion.css +11 -7
  105. package/el/accordion/accordion.js +211 -258
  106. package/el/accordion/manifest.json +44 -57
  107. package/el/alert/README.md +86 -67
  108. package/el/alert/alert.css +72 -73
  109. package/el/alert/alert.js +206 -187
  110. package/el/alert/manifest.json +59 -77
  111. package/el/breadcrumb/README.md +41 -0
  112. package/el/breadcrumb/breadcrumb.css +22 -0
  113. package/el/breadcrumb/breadcrumb.js +119 -0
  114. package/el/breadcrumb/manifest.json +42 -0
  115. package/el/buttongroup/README.md +36 -36
  116. package/el/buttongroup/buttongroup.css +38 -30
  117. package/el/buttongroup/buttongroup.js +68 -56
  118. package/el/buttongroup/manifest.json +28 -0
  119. package/el/bytes/README.md +4 -4
  120. package/el/bytes/bytes.css +6 -6
  121. package/el/bytes/bytes.js +98 -97
  122. package/el/bytes/manifest.json +90 -95
  123. package/el/calendar/README.md +64 -0
  124. package/el/calendar/calendar.css +36 -0
  125. package/el/calendar/calendar.js +391 -0
  126. package/el/calendar/ext/drag.js +69 -0
  127. package/el/calendar/ext/keyNavigation.js +101 -0
  128. package/el/calendar/manifest.json +69 -0
  129. package/el/carousel/README.md +14 -14
  130. package/el/carousel/carousel.css +45 -46
  131. package/el/carousel/carousel.js +398 -371
  132. package/el/carousel/manifest.json +44 -58
  133. package/el/carousel-nav/README.md +13 -14
  134. package/el/carousel-nav/carousel-nav.js +74 -74
  135. package/el/carousel-nav/manifest.json +31 -0
  136. package/el/chart/README.md +46 -0
  137. package/el/chart/chart.css +7 -0
  138. package/el/chart/chart.js +188 -0
  139. package/el/chart/engines/apexcharts.js +103 -0
  140. package/el/chart/engines/billboard.js +79 -0
  141. package/el/chart/engines/chart.js.js +32 -0
  142. package/el/chart/engines/chartist.js +74 -0
  143. package/el/chart/engines/echarts.js +65 -0
  144. package/el/chart/engines/frappe.js +49 -0
  145. package/el/chart/engines/nvd3.js +139 -0
  146. package/el/chart/engines/plotly.js +73 -0
  147. package/el/chart/manifest.json +54 -0
  148. package/el/code/README.md +21 -21
  149. package/el/code/code.css +46 -46
  150. package/el/code/code.js +291 -289
  151. package/el/code/manifest.json +59 -66
  152. package/el/cookiebanner/README.md +70 -0
  153. package/el/cookiebanner/cookiebanner.css +42 -0
  154. package/el/cookiebanner/cookiebanner.js +161 -0
  155. package/el/cookiebanner/extensions/googleConsentMode.js +36 -0
  156. package/el/cookiebanner/knownItems.js +291 -0
  157. package/el/cookiebanner/manifest.json +85 -0
  158. package/el/cookiebanner/ui.js +426 -0
  159. package/el/copy/README.md +9 -7
  160. package/el/copy/copy.css +3 -3
  161. package/el/copy/copy.js +89 -117
  162. package/el/copy/manifest.json +37 -49
  163. package/el/counter/README.md +12 -9
  164. package/el/counter/counter.css +8 -8
  165. package/el/counter/counter.js +96 -95
  166. package/el/counter/manifest.json +50 -59
  167. package/el/drawer/README.md +35 -0
  168. package/el/drawer/drawer.css +77 -0
  169. package/el/drawer/drawer.js +166 -0
  170. package/el/drawer/manifest.json +27 -0
  171. package/el/fields/README.md +34 -0
  172. package/el/fields/fields.css +5 -0
  173. package/el/fields/fields.js +133 -0
  174. package/el/fields/manifest.json +32 -0
  175. package/el/ico/README.md +119 -118
  176. package/el/ico/debug.js +86 -0
  177. package/el/ico/font/Font Awesome.css +22 -22
  178. package/el/ico/font/LigatureSymbols.css +7 -7
  179. package/el/ico/font/Material Icons.css +6 -6
  180. package/el/ico/font/RemixFilled.css +8 -8
  181. package/el/ico/font/RemixOutlined.css +8 -8
  182. package/el/ico/font/old/anicons.css +31 -31
  183. package/el/ico/font/old/devicons.css +210 -210
  184. package/el/ico/font/old/material.all.css +36 -36
  185. package/el/ico/font/old/remix.css +15 -15
  186. package/el/ico/font/old/utf8.css +54 -54
  187. package/el/ico/ico.css +122 -110
  188. package/el/ico/ico.js +163 -189
  189. package/el/ico/manifest.json +68 -86
  190. package/el/input/README.md +41 -39
  191. package/el/input/input.css +95 -35
  192. package/el/input/input.js +682 -331
  193. package/el/input/manifest.json +54 -0
  194. package/el/maintitlebar/README.md +39 -0
  195. package/el/maintitlebar/maintitlebar.css +40 -0
  196. package/el/maintitlebar/maintitlebar.js +17 -0
  197. package/el/maintitlebar/manifest.json +32 -0
  198. package/el/masonry/README.md +19 -19
  199. package/el/masonry/manifest.json +49 -60
  200. package/el/masonry/masonry.css +27 -27
  201. package/el/masonry/masonry.js +93 -92
  202. package/el/menubutton/README.md +39 -0
  203. package/el/menubutton/manifest.json +44 -0
  204. package/el/{splitbutton/splitbutton.css → menubutton/menubutton.css} +51 -47
  205. package/el/menubutton/menubutton.js +90 -0
  206. package/el/number/README.md +9 -6
  207. package/el/number/manifest.json +162 -121
  208. package/el/number/number.css +6 -6
  209. package/el/number/number.js +67 -67
  210. package/el/out/README.md +5 -5
  211. package/el/out/manifest.json +26 -38
  212. package/el/out/out.css +2 -2
  213. package/el/out/out.js +42 -59
  214. package/el/pagination/README.md +32 -0
  215. package/el/pagination/manifest.json +47 -0
  216. package/el/pagination/pagination.css +27 -0
  217. package/el/pagination/pagination.js +147 -0
  218. package/el/parallax-bg/README.md +26 -6
  219. package/el/parallax-bg/manifest.json +32 -0
  220. package/el/parallax-bg/parallax-bg.css +13 -13
  221. package/el/parallax-bg/parallax-bg.js +197 -186
  222. package/el/qrcode/README.md +7 -7
  223. package/el/qrcode/manifest.json +32 -43
  224. package/el/qrcode/package.json +22 -22
  225. package/el/qrcode/qrcode.css +13 -13
  226. package/el/qrcode/qrcode.js +53 -45
  227. package/el/rating/README.md +9 -20
  228. package/el/rating/manifest.json +52 -65
  229. package/el/rating/rating.css +10 -10
  230. package/el/rating/rating.js +148 -139
  231. package/el/responsive/README.md +43 -0
  232. package/el/responsive/manifest.json +41 -0
  233. package/el/responsive/responsive.css +4 -0
  234. package/el/responsive/responsive.js +143 -0
  235. package/el/rte/README.md +10 -10
  236. package/el/rte/manifest.json +33 -0
  237. package/el/rte/rte.css +9 -9
  238. package/el/rte/rte.js +56 -56
  239. package/el/skeleton/README.md +3 -3
  240. package/el/skeleton/manifest.json +37 -51
  241. package/el/skeleton/skeleton.css +67 -60
  242. package/el/skeleton/skeleton.js +71 -72
  243. package/el/splitpanel/README.md +33 -13
  244. package/el/splitpanel/manifest.json +36 -49
  245. package/el/splitpanel/splitpanel.css +20 -17
  246. package/el/splitpanel/splitpanel.js +117 -116
  247. package/el/spot/README.md +36 -0
  248. package/el/spot/manifest.json +55 -0
  249. package/el/spot/spot.css +23 -0
  250. package/el/spot/spot.js +106 -0
  251. package/el/system/README.md +29 -0
  252. package/el/system/demoHtml.html +660 -0
  253. package/el/system/manifest.json +32 -0
  254. package/el/system/styler.js +661 -0
  255. package/el/system/system.js +84 -0
  256. package/el/table/README.md +80 -68
  257. package/el/table/ext/autoFormatTable.js +228 -0
  258. package/el/table/manifest.json +32 -43
  259. package/el/table/table.css +4 -59
  260. package/el/table/table.js +468 -194
  261. package/el/tabs/README.md +17 -17
  262. package/el/tabs/manifest.json +44 -59
  263. package/el/tabs/tabs.css +22 -22
  264. package/el/tabs/tabs.js +192 -210
  265. package/el/textfit/README.md +7 -7
  266. package/el/textfit/manifest.json +33 -45
  267. package/el/textfit/textfit.css +5 -5
  268. package/el/textfit/textfit.js +80 -80
  269. package/el/time/README.md +6 -5
  270. package/el/time/manifest.json +79 -118
  271. package/el/time/time.js +179 -168
  272. package/el/toc/README.md +27 -0
  273. package/el/toc/manifest.json +36 -0
  274. package/el/toc/toc.css +3 -0
  275. package/el/toc/toc.js +87 -0
  276. package/el/tooltip/README.md +13 -10
  277. package/el/tooltip/manifest.json +56 -69
  278. package/el/tooltip/tooltip.css +100 -97
  279. package/el/tooltip/tooltip.js +146 -82
  280. package/el/tree/README.md +133 -0
  281. package/el/tree/ext/dnd.js +53 -0
  282. package/el/tree/ext/item.js +35 -0
  283. package/el/tree/manifest.json +61 -0
  284. package/el/tree/tree.css +18 -0
  285. package/el/tree/tree.js +236 -0
  286. package/el/typewriter/README.md +11 -11
  287. package/el/typewriter/manifest.json +45 -66
  288. package/el/typewriter/typewriter.css +6 -6
  289. package/el/typewriter/typewriter.js +161 -166
  290. package/el/video/README.md +37 -0
  291. package/el/video/manifest.json +96 -0
  292. package/el/video/video.js +550 -0
  293. package/js/Placer/Placer.js +156 -156
  294. package/js/Placer/README.md +14 -16
  295. package/js/PointerObserver/PointerObserver-no-scroll.js +146 -0
  296. package/js/PointerObserver/PointerObserver.js +161 -130
  297. package/js/PointerObserver/README.md +6 -7
  298. package/js/SelectorObserver/README.md +9 -9
  299. package/js/SelectorObserver/SelectorObserver.js +199 -200
  300. package/js/Tour/README.md +56 -0
  301. package/js/Tour/Tour.js +156 -0
  302. package/js/contextmenu/README.md +6 -31
  303. package/js/contextmenu/contextmenu.js +338 -336
  304. package/js/dialog/README.md +8 -7
  305. package/js/dialog/dialog.js +228 -261
  306. package/js/drag/README.md +28 -0
  307. package/js/drag/drag.js +38 -0
  308. package/js/drag/indicateDrop.js +80 -0
  309. package/js/loading/README.md +24 -0
  310. package/js/loading/loading.js +139 -0
  311. package/js/navigator/README.md +26 -0
  312. package/js/navigator/navigator.js +430 -0
  313. package/js/navigator/url-change-event.js +29 -0
  314. package/js/rte/README.md +13 -14
  315. package/js/rte/old/NodeCleaner.js +315 -315
  316. package/js/rte/old/Rte/Rte.ui.mjs +154 -154
  317. package/js/rte/old/Rte/index.mjs +5 -5
  318. package/js/rte/old/Rte/main.css +189 -189
  319. package/js/rte/old/old.rte.js +131 -131
  320. package/js/rte/old/range-selection.old.js +394 -394
  321. package/js/rte/rte.js +7 -7
  322. package/js/rte/src/behavior.js +228 -228
  323. package/js/rte/src/events.js +73 -73
  324. package/js/rte/src/fixes.js +250 -250
  325. package/js/rte/src/range.js +469 -472
  326. package/js/rte/src/rte.js +71 -71
  327. package/js/rte/src/ui/items/ai.js +166 -167
  328. package/js/rte/src/ui/items/code.js +93 -93
  329. package/js/rte/src/ui/items/undo.js +183 -183
  330. package/js/rte/src/ui.items.js +6 -7
  331. package/js/rte/src/ui.js +268 -268
  332. package/js/rte/src/util/indentHtml.js +21 -15
  333. package/js/serviceWorker/README.md +17 -0
  334. package/js/serviceWorker/serviceWorker.js +84 -0
  335. package/js/serviceWorker/sw.js +221 -0
  336. package/js/shortcut/README.md +6 -6
  337. package/js/shortcut/shortcut.js +53 -89
  338. package/package.json +2 -4
  339. package/theme/brutalist/README.md +10 -0
  340. package/theme/brutalist/theme.css +98 -0
  341. package/theme/elegance/README.md +10 -0
  342. package/theme/elegance/theme.css +120 -0
  343. package/theme/luxury/README.md +10 -0
  344. package/theme/luxury/theme.css +107 -0
  345. package/theme/minimalism/README.md +10 -0
  346. package/theme/minimalism/theme.css +103 -0
  347. package/theme/natur/README.md +10 -0
  348. package/theme/natur/theme.css +101 -0
  349. package/theme/pastell/README.md +10 -0
  350. package/theme/pastell/theme.css +99 -0
  351. package/theme/pop/README.md +10 -0
  352. package/theme/pop/theme.css +101 -0
  353. package/theme/prompt.css +175 -0
  354. package/theme/retro/README.md +10 -0
  355. package/theme/retro/theme.css +99 -0
  356. package/theme/soft/README.md +10 -0
  357. package/theme/soft/theme.css +84 -0
  358. package/theme/tech/README.md +10 -0
  359. package/theme/tech/theme.css +98 -0
  360. package/theme/test/README.md +10 -0
  361. package/theme/test/theme.css +109 -0
  362. package/theme/test.html +284 -0
  363. package/theme/tmp/README.md +10 -0
  364. package/theme/tmp/theme.css +323 -0
  365. package/u2/auto.js +151 -161
  366. package/u2/auto.ui.js +82 -85
  367. package/u2/plan-scoped-refactoring.md +236 -0
  368. package/u2/projects.json +757 -467
  369. package/u2/tools/baseElement.js +217 -95
  370. package/u2/tools/baseElement.test.html +139 -119
  371. package/u2/tools/ce-inspector.js +307 -307
  372. package/u2/tools/ce-inspector.test.html +67 -65
  373. package/u2/tools/ce-manfest-from-element.js +207 -207
  374. package/u2/tools/dev-iframe.js +212 -213
  375. package/u2/tools/dev-iframe.test.html +72 -74
  376. package/u2/tools/eventsExplorer.js +102 -101
  377. package/u2/tools/logo/u1.svg +9 -9
  378. package/u2/tools/promiseElementById.js +14 -0
  379. package/u2/tools/update.repos.json.js +259 -234
  380. package/u2/tools/update.skill.js +176 -0
  381. package/u2/tools/variable-styler.js +317 -0
  382. package/u2/u2.js +30 -14
  383. package/u2/utils.js +61 -59
  384. package/.htaccess +0 -7
  385. package/attr/behavior/tests/minimal.html +0 -19
  386. package/attr/behavior/tests/test.html +0 -98
  387. package/attr/confirm/tests/minimal.html +0 -23
  388. package/attr/confirm/tests/test.html +0 -79
  389. package/attr/draghandle/tests/minimal.html +0 -44
  390. package/attr/focusgroup/tests/minimal.html +0 -27
  391. package/attr/focusgroup/tests/test.html +0 -154
  392. package/attr/href/tests/minimal.html +0 -17
  393. package/attr/href/tests/test.html +0 -70
  394. package/attr/intersect/tests/minimal.html +0 -30
  395. package/attr/intersect/tests/test.html +0 -64
  396. package/attr/navigable/tests/U1TargetObserver.html +0 -56
  397. package/attr/navigable/tests/minimal.html +0 -17
  398. package/attr/navigable/tests/targetObserver.html +0 -106
  399. package/attr/navigable/tests/test.html +0 -84
  400. package/attr/parallax/tests/minimal.html +0 -25
  401. package/attr/parallax/tests/performance.html +0 -102
  402. package/attr/parallax/tests/test.html +0 -108
  403. package/attr/skin/tests/minimal.html +0 -34
  404. package/attr/skin/tests/test.html +0 -96
  405. package/class/badge/tests/minimal.html +0 -17
  406. package/class/badge/tests/test.html +0 -112
  407. package/class/card1/README.md +0 -45
  408. package/class/card1/card1.css +0 -30
  409. package/class/card1/tests/minimal.html +0 -33
  410. package/class/card1/tests/test.html +0 -78
  411. package/class/flex/tests/minimal.html +0 -31
  412. package/class/flex/tests/test.html +0 -58
  413. package/class/grid/tests/minimal.html +0 -34
  414. package/class/grid/tests/test.html +0 -78
  415. package/class/input/README.md +0 -49
  416. package/class/input/input.css +0 -33
  417. package/class/input/tests/minimal.html +0 -39
  418. package/class/input/tests/test.html +0 -29
  419. package/class/reset/tests/minimal.html +0 -23
  420. package/class/table/tests/minimal.html +0 -40
  421. package/class/table/tests/test.html +0 -226
  422. package/class/unstyle/tests/minimal.html +0 -22
  423. package/class/unstyle/tests/test.html +0 -32
  424. package/class/width/tests/minimal.html +0 -27
  425. package/class/width/tests/test.html +0 -101
  426. package/css/base/tests/nomotion.html +0 -89
  427. package/css/base/tests/test.html +0 -539
  428. package/css/classes/tests/test.html +0 -63
  429. package/css/classless/snippeds/experiments/conventions.css +0 -41
  430. package/css/classless/tests/aria.html +0 -101
  431. package/css/classless/tests/foreign/classless-almond.css.html +0 -445
  432. package/css/classless/tests/foreign/classless-classless.css.html +0 -831
  433. package/css/classless/tests/foreign/classless-mvp.html +0 -415
  434. package/css/classless/tests/foreign/classless.sakura.html +0 -224
  435. package/css/classless/tests/foreign/stylestage.dev.html +0 -304
  436. package/css/classless/tests/foreign/test-homogenizer.html +0 -433
  437. package/css/classless/tests/foreign/test-html5-elements-tester.html +0 -956
  438. package/css/classless/tests/foreign/test-opinionated_css.html +0 -148
  439. package/css/classless/tests/list-bullet.html +0 -110
  440. package/css/classless/tests/more.html +0 -246
  441. package/css/classless/tests/oklch.experiments.html +0 -280
  442. package/css/classless/tests/test.html +0 -106
  443. package/css/classless/tests/variables.html +0 -109
  444. package/css/norm/tests/test.html +0 -434
  445. package/css/norm/tests/test.js +0 -103
  446. package/el/accordion/tests/minimal.html +0 -44
  447. package/el/accordion/tests/test.html +0 -168
  448. package/el/alert/alert copy.js +0 -224
  449. package/el/alert/tests/minimal.html +0 -36
  450. package/el/alert/tests/test.html +0 -105
  451. package/el/buttongroup/tests/minimal.html +0 -31
  452. package/el/buttongroup/tests/test.html +0 -83
  453. package/el/bytes/tests/minimal.html +0 -19
  454. package/el/bytes/tests/test.html +0 -117
  455. package/el/carousel/tests/experiments.html +0 -77
  456. package/el/carousel/tests/minimal.html +0 -31
  457. package/el/carousel/tests/nested.html +0 -54
  458. package/el/carousel/tests/test.html +0 -136
  459. package/el/carousel-nav/tests/minimal.html +0 -32
  460. package/el/carousel-nav/tests/test.html +0 -59
  461. package/el/code/tests/minimal.html +0 -35
  462. package/el/code/tests/test.html +0 -162
  463. package/el/copy/tests/minimal.html +0 -21
  464. package/el/copy/tests/test.html +0 -75
  465. package/el/counter/tests/minimal.html +0 -27
  466. package/el/counter/tests/test.html +0 -106
  467. package/el/ico/tests/combinations.html +0 -86
  468. package/el/ico/tests/emojis.html +0 -213
  469. package/el/ico/tests/fonts.html +0 -110
  470. package/el/ico/tests/ico-directory.html +0 -254
  471. package/el/ico/tests/minimal.html +0 -46
  472. package/el/ico/tests/test.html +0 -210
  473. package/el/ico/tests/util-multi.svg +0 -6
  474. package/el/ico/tests/util.css +0 -2
  475. package/el/ico/tests/util.js +0 -110
  476. package/el/input/tests/formParticipation.html +0 -113
  477. package/el/input/tests/minimal.html +0 -33
  478. package/el/input/tests/test.html +0 -258
  479. package/el/masonry/tests/minimal.html +0 -39
  480. package/el/masonry/tests/test.html +0 -42
  481. package/el/number/tests/minimal.html +0 -25
  482. package/el/number/tests/test.html +0 -138
  483. package/el/out/tests/minimal.html +0 -25
  484. package/el/out/tests/test.html +0 -37
  485. package/el/parallax-bg/tests/bg.jpg +0 -0
  486. package/el/parallax-bg/tests/bg1.jpg +0 -0
  487. package/el/parallax-bg/tests/bg2.jpg +0 -0
  488. package/el/parallax-bg/tests/demo.html +0 -88
  489. package/el/parallax-bg/tests/minimal.html +0 -30
  490. package/el/parallax-bg/tests/test.html +0 -64
  491. package/el/parallax-bg/tests/visible.html +0 -90
  492. package/el/qrcode/tests/minimal.html +0 -26
  493. package/el/qrcode/tests/test.html +0 -31
  494. package/el/rating/tests/minimal.html +0 -26
  495. package/el/rating/tests/tests.html +0 -77
  496. package/el/rte/tests/minimal.html +0 -25
  497. package/el/rte/tests/test.html +0 -37
  498. package/el/skeleton/tests/minimal.html +0 -22
  499. package/el/skeleton/tests/test.html +0 -22
  500. package/el/splitbutton/README.md +0 -39
  501. package/el/splitbutton/splitbutton.js +0 -26
  502. package/el/splitbutton/tests/minimal.html +0 -30
  503. package/el/splitbutton/tests/test.html +0 -68
  504. package/el/splitpanel/tests/minimal.html +0 -31
  505. package/el/splitpanel/tests/tests.html +0 -121
  506. package/el/table/tests/minimal.html +0 -38
  507. package/el/table/tests/test.html +0 -108
  508. package/el/tabs/tests/minimal.html +0 -35
  509. package/el/tabs/tests/test.html +0 -180
  510. package/el/textfit/tests/minimal.html +0 -25
  511. package/el/textfit/tests/test.html +0 -26
  512. package/el/time/tests/minimal.html +0 -19
  513. package/el/time/tests/test.html +0 -160
  514. package/el/time/time copy.js +0 -141
  515. package/el/time/time.old.uhtml.js +0 -129
  516. package/el/tooltip/tests/minimal.html +0 -25
  517. package/el/tooltip/tests/test.html +0 -178
  518. package/el/tree1/README.md +0 -111
  519. package/el/tree1/manifest.json +0 -78
  520. package/el/tree1/tests/animated.html +0 -134
  521. package/el/tree1/tests/custom.html +0 -51
  522. package/el/tree1/tests/minimal.html +0 -44
  523. package/el/tree1/tests/test.html +0 -260
  524. package/el/tree1/tree1.css +0 -26
  525. package/el/tree1/tree1.js +0 -265
  526. package/el/typewriter/tests/minimal.html +0 -25
  527. package/el/typewriter/tests/test.html +0 -78
  528. package/js/Placer/tests/minimal.html +0 -34
  529. package/js/Placer/tests/test.html +0 -49
  530. package/js/PointerObserver/tests/minimal.html +0 -29
  531. package/js/PointerObserver/tests/test.html +0 -35
  532. package/js/SelectorObserver/tests/minimal.html +0 -21
  533. package/js/SelectorObserver/tests/test.html +0 -57
  534. package/js/SelectorObserver/tests/tests.html +0 -161
  535. package/js/contextmenu/tests/minimal.html +0 -44
  536. package/js/contextmenu/tests/test.html +0 -131
  537. package/js/dialog/tests/minimal.html +0 -29
  538. package/js/dialog/tests/notification.mp3 +0 -0
  539. package/js/dialog/tests/test.html +0 -135
  540. package/js/rte/tests/ai.html +0 -81
  541. package/js/rte/tests/behavior.html +0 -88
  542. package/js/rte/tests/events.html +0 -69
  543. package/js/rte/tests/fixes.html +0 -95
  544. package/js/rte/tests/minimal.html +0 -34
  545. package/js/rte/tests/notes.md +0 -6
  546. package/js/rte/tests/range.html +0 -167
  547. package/js/rte/tests/selection-explorer.html +0 -222
  548. package/js/rte/tests/test.html +0 -92
  549. package/js/shortcut/tests/minimal.html +0 -23
  550. package/js/shortcut/tests/test.html +0 -68
  551. package/u2/experiments/Waiter/test.html +0 -132
  552. package/u2/experiments/getElementByIdPromise/test.html +0 -76
  553. package/u2/experiments/patchInputValue.html +0 -124
  554. package/u2/experiments/radiobutton/test.html +0 -75
  555. package/u2/experiments/tests/test.html +0 -223
  556. package/u2/experiments/u1-responsive/responsive.js +0 -62
  557. package/u2/experiments/u1-responsive/test.html +0 -65
  558. package/u2/experiments/u2Element.js +0 -139
  559. package/u2/experiments/u2Element.test.html +0 -47
  560. package/u2/old-stuff/IterableWeakMap/mod.js +0 -70
  561. package/u2/old-stuff/css/onStyleSheet/mod.js +0 -114
  562. package/u2/old-stuff/css/onStyleSheet/monkeypatches.js +0 -28
  563. package/u2/old-stuff/css/onStyleSheet/test/include.css +0 -19
  564. package/u2/old-stuff/css/onStyleSheet/test/style-has-include.css +0 -6
  565. package/u2/old-stuff/css/onStyleSheet/test/style-no-include.css +0 -3
  566. package/u2/old-stuff/css/onStyleSheet/test/test.html +0 -48
  567. package/u2/old-stuff/css/parser/mod.js +0 -182
  568. package/u2/old-stuff/css/parser/parser_old/mod.js +0 -128
  569. package/u2/old-stuff/css/parser/parser_old/test.html +0 -43
  570. package/u2/old-stuff/css/parser/parser_old/util.js +0 -22
  571. package/u2/old-stuff/css/parser/style.html +0 -52
  572. package/u2/old-stuff/css/parser/test.html +0 -38
  573. package/u2/old-stuff/el/ai-texter/README.md +0 -23
  574. package/u2/old-stuff/el/ai-texter/ai-texter.css +0 -12
  575. package/u2/old-stuff/el/ai-texter/ai-texter.js +0 -153
  576. package/u2/old-stuff/el/ai-texter/tests/minimal.html +0 -47
  577. package/u2/old-stuff/el/ai-texter/tests/test.html +0 -71
  578. package/u2/old-stuff/init.js +0 -38
  579. package/u2/old-stuff/markHashLinks.js +0 -51
  580. package/u2/old-stuff/onElement/mod.js +0 -73
  581. package/u2/old-stuff/test-helpers/mod.js +0 -36
  582. package/u2/old-stuff/test-helpers/test.html +0 -4
  583. package/u2/old-stuff/tests/init.js.html +0 -51
  584. package/u2/old-stuff/viewport.js +0 -64
  585. package/u2/tests/boilerplate.html +0 -46
  586. package/u2/tests/kacheln.html +0 -245
  587. package/u2/tests/showcase.html +0 -270
  588. package/u2/tests/showcase2.html +0 -157
  589. package/u2/tests/test-init.js +0 -35
  590. package/u2/tests/test.html +0 -355
  591. package/u2/tools/logo/u1ui.svg +0 -6
package/css/classless/tests/foreign/classless-mvp.html DELETED
@@ -1,415 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="description" content="MVP.css - No classes, no framework. Just semantic HTML and you're done.">
6
- <title>MVP.css - Minimalist stylesheet for HTML elements</title>
7
-
8
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
- <script src="./../test.js" type=module async></script>
10
-
11
- <link rel="stylesheet" href="../../../css/norm/norm.css">
12
- <link rel="stylesheet" href="../../../norm.css/beta.css">
13
- <link rel="stylesheet" href="../../../css/base/base.css">
14
- <link rel="stylesheet" href="../../../base.css/beta.css">
15
- <link rel="stylesheet" href="../../../base.css/print.css" disabled>
16
- <link rel="stylesheet" href="../../../base.css/nomotion.css" disabled>
17
- <link rel="stylesheet" href="../../../css/classless/variables.css">
18
- <link rel="stylesheet" href="../../../css/classless/classless.css">
19
- <link rel="stylesheet" href="../../../css/classless/more.css">
20
- <link rel="stylesheet" href="../../../css/classless/aria.css">
21
- <link rel="stylesheet" href="../../../css/classless/simple.css">
22
-
23
- <link rel="stylesheet" href="../../../classless.css/themes/elegant.css">
24
- <link rel="stylesheet" href="../../../classless.css/themes/brutalist.css" disabled>
25
- <link rel="stylesheet" href="../../../classless.css/themes/lascaux.css" disabled>
26
-
27
- </head>
28
- <body>
29
-
30
- <header>
31
- <a target=_blank href="https://andybrewer.github.io/mvp/">Original</a>
32
- <nav>
33
- <a href="https://andybrewer.github.io/mvp/"><img alt="MVP.css" src="./img/logo.png" height="70"></a>
34
- <ul>
35
- <li>Home</li>
36
- <li><a href="#docs">Docs</a></li>
37
- <li><a href="#faq">FAQ</a></li>
38
- <li><a href="https://www.github.com/andybrewer/mvp/" target="_blank">GitHub</a></li>
39
- </ul>
40
- </nav>
41
- <h1>A <u>minimalist</u> stylesheet for HTML elements</h1>
42
- <p><b>No class names, no frameworks,</b> just <em>semantic</em> HTML and <mark>you're done</mark>.</p>
43
- <br>
44
- <p>
45
- <a download="mvp.html" href="./mvp.html" target="_blank"><i>Download HTML</i></a>
46
- <a download="mvp.css" href="./mvp.css" target="_blank"><b>Download MVP.css (8kb)</b></a>
47
- </p>
48
- <br><br>
49
- <p><sup>PRO TIP</sup> Add this code to a new HTML
50
- file:<br><br><code>&lt;link rel="stylesheet" href="https://unpkg.com/mvp.css"&gt;</code></p>
51
- </header>
52
- <main>
53
- <hr>
54
- <section>
55
- <header>
56
- <h2>Simple, reusable components</h2>
57
- <p>For a clean looking design that doesn't get in the way</p>
58
- </header>
59
- <aside>
60
- <img alt="HTML only" src="./img/html.svg" height="150">
61
- <h3>HTML and You're Done</h3>
62
- <p>MVP styles your root HTML elements, so you don't need to learn a new CSS framework or naming
63
- conventions.</p>
64
- <p><a href="https://www.w3schools.com/TAGS/ref_byfunc.asp" target="_blank"><em>HTML Guide</em></a></p>
65
- </aside>
66
- <aside>
67
- <img alt="Mobile friendly" src="./img/mobile.svg" height="150">
68
- <h3>Mobile-friendly UI</h3>
69
- <p>MVP is designed to look great on all browsers and devices out of the box for rapid prototyping.
70
- </p>
71
- <p>It's like an amped up CSS reset that you can toss into any project to get decent styling.</p>
72
- </aside>
73
- <aside>
74
- <img alt="MIT license" src="./img/license.svg" height="150">
75
- <h3>MIT License</h3>
76
- <p>MVP is released under the permissive MIT license so you can freely use it however you'd like.</p>
77
- <p>That means personal projects, commercial ventures, remixes and more are all welcome.</p>
78
- </aside>
79
- </section>
80
- <hr>
81
- <section id="testimonials">
82
- <blockquote>
83
- <img alt="Quote" src="./img/icon-quote.svg" height="80"><br>
84
- "By far the easiest stylesheet I've ever used. It integrates easily into <s>one</s> all of my
85
- startup&nbsp;projects."
86
- <footer><img alt="MVP.css" src="./img/brand.png" height="36"><br><br><i>- Andy Brewer, Author of
87
- MVP.css</i></footer>
88
- </blockquote>
89
- </section>
90
- <hr>
91
- <section id="features">
92
- <header>
93
- <h2>Flexibility without complexity</h2>
94
- <p>A few, clean styling options without all the bells and whistles</p>
95
- </header>
96
- <table>
97
- <thead>
98
- <tr>
99
- <th>
100
- <th>MVP.css
101
- <th>No CSS
102
- <th>Custom CSS
103
- <tbody>
104
- <tr>
105
- <th>Mobile friendly
106
- <td><b>&#10003;</b>
107
- <td>&#10003;
108
- <td>&#10003;
109
- <tr>
110
- <th>Works out of the box
111
- <td><b>&#10003;</b>
112
- <td>&#10003;
113
- <td>&empty;
114
- <tr>
115
- <th>Easy to customize
116
- <td><b>&#10003;</b>
117
- <td>&#10003;
118
- <td>&empty;
119
- <tr>
120
- <th>Only semantic HTML
121
- <td><b>&#10003;</b>
122
- <td>&#10003;
123
- <td>&empty;
124
- <tr>
125
- <th>No class names
126
- <td><b>&#10003;</b>
127
- <td>&#10003;
128
- <td>&empty;
129
- <tr>
130
- <th>Perfect for an MVP
131
- <td><b>&#10003;</b>
132
- <td>&empty;
133
- <td>&empty;
134
- </table>
135
- </section>
136
- <hr>
137
- <div id="figure">
138
- <header>
139
- <h2>A decent MVP in no time</h2>
140
- <p>More building and less designing with "set and forget" styling.</p>
141
- </header>
142
- <figure>
143
- <img alt="Stock photo" src="./img/stock.jpg">
144
- <figcaption><i>"Uber for X" brainstorming session</i></figcaption>
145
- </figure>
146
- </div>
147
- <hr>
148
- <article id="docs">
149
- <h2>Docs</h2>
150
- <h3 id="html">HTML Reference</h3>
151
- <aside>
152
- <p>
153
- For a showcase of each styled element, check out the
154
- <a href="./mvp.html" target="_blank">quickstart template</a>.
155
- </p>
156
- </aside><br>
157
- <p>MVP.css works with the following HTML elements:</p>
158
- <ul>
159
- <li><code>&lt;a&gt;</code> <small>&mdash; text links</small>
160
- <ul>
161
- <li><code>&lt;a&gt;&lt;b&gt;</code>, <code>&lt;a&gt;&lt;strong&gt;</code> <small>&mdash; solid
162
- link buttons</small>
163
- </li>
164
- <li><code>&lt;a&gt;&lt;em&gt;</code>, <code>&lt;a&gt;&lt;i&gt;</code> <small>&mdash; outlined
165
- link buttons</small>
166
- </li>
167
- </ul>
168
- </li>
169
- <li><code>&lt;article&gt;</code> <small>&mdash; content area with normal styling</small>
170
- <ul>
171
- <li><code>&lt;article&gt;&lt;aside&gt;</code> <small>&mdash; text callout</small>
172
- </li>
173
- </ul>
174
- </li>
175
- <li><code>&lt;blockquote&gt;</code> <small>&mdash; quote callout</small>
176
- <ul>
177
- <li><code>&lt;blockquote&gt;&lt;footer&gt;</code> <small>&mdash; quote attribution</small>
178
- </li>
179
- </ul>
180
- </li>
181
- <li><code>&lt;body&gt;</code> <small>&mdash; default parent element</small></li>
182
- <li><code>&lt;button&gt;</code> <small>&mdash; form buttons</small></li>
183
- <li><code>&lt;code&gt;</code> <small>&mdash; inline code highlighting</small></li>
184
- <li><code>&lt;details&gt;</code> <small>&mdash; default expandable content section</small>
185
- <ul>
186
- <li><code>&lt;details&gt;&lt;summary&gt;</code> <small>&mdash; expandable heading</small></li>
187
- </ul>
188
- </li>
189
- <li><code>&lt;div&gt;</code> <small>&mdash; unstyled element</small></li>
190
- <li><code>&lt;figure&gt;</code> <small>&mdash; image callouts</small>
191
- <ul>
192
- <li><code>&lt;figure&gt;&lt;figcaption&gt;</code> <small>&mdash; image callout captions</small>
193
- </li>
194
- </ul>
195
- </li>
196
- <li><code>&lt;footer&gt;</code> <small>&mdash; footer area</small></li>
197
- <li><code>&lt;form&gt;</code> <small>&mdash; small form area</small>
198
- <ul>
199
- <li><code>&lt;form&gt;&lt;input&gt;</code> <small>&mdash; short input field</small></li>
200
- <li><code>&lt;form&gt;&lt;label&gt;</code> <small>&mdash; form field labels</small></li>
201
- <li><code>&lt;form&gt;&lt;select&gt;</code> <small>&mdash; dropdown options container</small>
202
- <ul>
203
- <li><code>&lt;form&gt;&lt;select&gt;&lt;option&gt;</code> <small>&mdash; dropdown option
204
- items</small></li>
205
- </ul>
206
- </li>
207
- <li><code>&lt;form&gt;&lt;textarea&gt;</code> <small>&mdash; large input field</small></li>
208
- </ul>
209
- </li>
210
- <li><code>&lt;header&gt;</code> <small>&mdash; content area with centered styling</small></li>
211
- <li><code>&lt;h1&gt;</code>, <code>&lt;h2&gt;</code>, <code>&lt;h3&gt;</code>, <code>&lt;h4&gt;</code>,
212
- <code>&lt;h5&gt;</code>, <code>&lt;h6&gt;</code> <small>&mdash; headings</small></li>
213
- <li><code>&lt;hr&gt;</code> <small>&mdash; horizontal rule (divider)</small></li>
214
- <li><code>&lt;main&gt;</code> <small>&mdash; main content area</small></li>
215
- <li><code>&lt;mark&gt;</code> <small>&mdash; text highlighting</small></li>
216
- <li><code>&lt;nav&gt;</code> <small>&mdash; top navigation</small>
217
- <ul>
218
- <li><code>&lt;nav&gt;&lt;ul&gt;</code> <small>&mdash; nav links container</small></li>
219
- <li><code>&lt;nav&gt;&lt;ul&gt;&lt;li&gt;</code> <small>&mdash; nav link items</small></li>
220
- <li><code>&lt;nav&gt;&lt;ul&gt;&lt;li&gt;&lt;ul&gt;</code> <small>&mdash; nav dropdown
221
- container</small></li>
222
- <li><code>&lt;nav&gt;&lt;ul&gt;&lt;li&gt;&lt;ul&gt;&lt;li&gt;</code> <small>&mdash; nav dropdown
223
- link items</small></li>
224
- </ul>
225
- </li>
226
- <li><code>&lt;ol&gt;</code> <small>&mdash; numbered list container</small>
227
- <ul>
228
- <li><code>&lt;ol&gt;&lt;li&gt;</code> <small>&mdash; numbered list items</small></li>
229
- </ul>
230
- </li>
231
- <li><code>&lt;p&gt;</code> <small>&mdash; paragraph tag</small></li>
232
- <li><code>&lt;pre&gt;</code> <small>&mdash; preformatted text</small>
233
- <ul>
234
- <li><code>&lt;pre&gt;&lt;code&gt;</code> <small>&mdash; code block</small></li>
235
- <li><code>&lt;pre&gt;&lt;samp&gt;</code> <small>&mdash; computer output block</small></li>
236
- </ul>
237
- </li>
238
- <li><code>&lt;samp&gt;</code> <small>&mdash; inline computer output</small></li>
239
- <li><code>&lt;section&gt;</code> <small>&mdash; content area for centered / special content</small>
240
- <ul>
241
- <li><code>&lt;section&gt;&lt;aside&gt;</code> <small>&mdash; content card</small></li>
242
- </ul>
243
- </li>
244
- <li><code>&lt;small&gt;</code> <small>&mdash; smaller text</small></li>
245
- <li><code>&lt;sup&gt;</code> <small>&mdash; raised text (notification bubbles)</small></li>
246
- <li><code>&lt;table&gt;</code> <small>&mdash; data table</small>
247
- <ul>
248
- <li><code>&lt;table&gt;&lt;td&gt;</code> <small>&mdash; data table cell</small></li>
249
- <li><code>&lt;table&gt;&lt;th&gt;</code> <small>&mdash; data table header cell</small></li>
250
- <li><code>&lt;table&gt;&lt;thead&gt;</code> <small>&mdash; data table header section</small>
251
- </li>
252
- <li><code>&lt;table&gt;&lt;tr&gt;</code> <small>&mdash; data table row</small></li>
253
- </ul>
254
- </li>
255
- <li><code>&lt;ul&gt;</code> <small>&mdash; unordered list container</small>
256
- <ul>
257
- <li><code>&lt;ul&gt;&lt;li&gt;</code> <small>&mdash; unordered list item</small></li>
258
- </ul>
259
- </li>
260
- </ul>
261
- <br>
262
- <h3 id="variables">Modifying the CSS variables</h3>
263
- <p>MVP.css includes a list of CSS variables. Editing these variables will change the styles globally.</p>
264
- <pre><code>:root {
265
- --border-radius: 5px;
266
- --box-shadow: 2px 2px 10px;
267
- --color: #118bee;
268
- --color-accent: #118bee0b;
269
- --color-bg: #fff;
270
- --color-bg-secondary: #e9e9e9;
271
- --color-secondary: #920de9;
272
- --color-secondary-accent: #920de90b;
273
- --color-shadow: #f4f4f4;
274
- --color-text: #000;
275
- --color-text-secondary: #999;
276
- --font-family: BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
277
- --hover-brightness: 1.2;
278
- --justify-important: center;
279
- --justify-normal: left;
280
- --line-height: 150%;
281
- --width-card: 285px;
282
- --width-card-medium: 460px;
283
- --width-card-wide: 800px;
284
- --width-content: 1080px;
285
- }</code></pre>
286
-
287
- <p>Custom styles can be added below the <code>/* Custom styles */</code> comment at the end of the file.</p>
288
- </article>
289
- <hr>
290
- <article id="faq">
291
- <h2>Frequently Asked Questions</h2>
292
- <details>
293
- <summary>Why would I use this?</summary>
294
- <p>If you just want to launch already.</p>
295
- <p><sup>PRO TIP</sup> An MVP is a temporary site, it doesn't have to be <i>and shouldn't be</i> perfect.
296
- </p>
297
- </details>
298
- <details>
299
- <summary>What skills will I need?</summary>
300
- <p>Mostly HTML, maybe a hint of CSS if you want to get fancy.</p>
301
- <p><i>CSS</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <progress max="100" value="5">5</progress></p>
302
- <p><i>Design</i>&nbsp;&nbsp; <progress max="100" value="0">0</progress></p>
303
- <p><i>HTML</i>&nbsp;&nbsp;&nbsp;&nbsp; <progress max="100" value="100">100</progress></p>
304
- </details>
305
- <details>
306
- <summary>Is there a minified version?</summary>
307
- <p>No, you don't need one for an MVP.</p>
308
- </details>
309
- <details>
310
- <summary>How can I improve my design?</summary>
311
- <p>Here are some helpful resources:</p>
312
- <ul>
313
- <li>Emojis - <a href="https://www.emojicopy.com/" target="_blank">Emojicopy</a>
314
- <li>Icons - <a href="https://www.toptal.com/designers/htmlarrows/" target="_blank">HTML Entities List by TopTal</a>
315
- <li>Icons - <a href="https://thenounproject.com/" target="_blank">TheNounProject</a>
316
- <li>Illustrations - <a href="https://gallery.manypixels.co/" target="_blank">Manypixels</a>
317
- <li>Illustrations - <a href="https://undraw.co/illustrations" target="_blank">Undraw</a>
318
-
319
- <li>Logo - <a href="https://www.namecheap.com/logo-maker/app/" target="_blank">Namecheap Logo Maker</a>
320
- <li>Product Shots - <a href="https://www.screely.com/" target="_blank">Screely</a>
321
- <li>Stock Photos - <a href="https://www.pexels.com/" target="_blank">Pexels</a>
322
- <li>Stock Photos - <a href="https://unsplash.com/" target="_blank">Unsplash</a>
323
- </ul>
324
- </details>
325
- <details>
326
- <summary>What if I don't like the default styles?</summary>
327
- <p>Most styles are editable through <em>CSS variables</em>. You can also add your own styles
328
- inline, at the end of MVP.css or in a new stylesheet.</p>
329
- <p><sup>PRO TIP</sup> If there are two conflicting CSS styles, the last one will take precedence.</p>
330
- <pre>
331
- <code>
332
- :root {
333
- --color: #118bee;
334
- }
335
-
336
- /* Lower in the CSS, or in a 2nd stylesheet */
337
-
338
- :root {
339
- --color: green; /* This will take precedence */
340
- }
341
- </code>
342
- </pre>
343
- </details>
344
- <details>
345
- <summary>What if I still don't like it?</summary>
346
- <p>That's OK, you probably shouldn't love your MVP. The goal of MVP.css is to help you
347
- feel <i>slightly</i> less embarrased about it.</p>
348
- <p>
349
- <span style="font-size: xx-large; position: relative; top: 6px; margin-right: 7px;">👉</span>
350
- If you want a CSS framework with more features check out
351
- <a href="https://bulma.io/" target="_blank">Bulma</a>
352
- or <a href="https://tailwindcss.com/" target="_blank">Tailwind</a>.
353
- </p>
354
- </details>
355
- </article>
356
- <hr>
357
- <section id="ideas">
358
- <header>
359
- <img alt="Idea" src="./img/idea.svg" height="200">
360
- <h2>What can you build with MVP.css?</h2>
361
- <p>Free ideas below &darr;</p>
362
- </header>
363
- <form>
364
- <header>
365
- <img alt="MVP.css" src="./img/brand.png" height="80">
366
- </header>
367
- <label for="company">A company you like:</label>
368
- <input type="text" id="company" name="company" size="28" placeholder="Company name">
369
- <label for="hobby">A hobby you like:</label>
370
- <textarea cols="28" rows="2" id="hobby"></textarea>
371
- <label for="model">Business Model:</label>
372
- <select id="model">
373
- <option value="bootstrapped">bootstrapped</option>
374
- <option value="VC-backed">funded</option>
375
- </select>
376
- <label>Team Size:</label>
377
- <input type="radio" id="founders-solo" name="founders" value="a solo founder" checked> <label
378
- for="founders-solo">Solo</label>
379
- <input type="radio" id="founders-co" name="founders" value="two co-founders"> <label
380
- for="founders-co">Co-founders</label>
381
- <label>Focus:</label>
382
- <input type="checkbox" id="focus-price" name="focus[]" value="price" checked> <label
383
- for="focus-price">Price</label>
384
- <input type="checkbox" id="focus-service" name="focus[]" value="service"> <label
385
- for="focus-service">Service</label>
386
- <input type="checkbox" id="focus-features" name="focus[]" value="features"> <label
387
- for="focus-features">Features</label>
388
- <br>
389
- <button type="submit" onclick="newIdea(); return false;">Submit</button>
390
- <div id="results" style="max-width: 100%;">
391
-
392
- </div>
393
- </form>
394
- </section>
395
- </main>
396
- <footer>
397
- <hr>
398
- <p>
399
- Made by <a href="https://www.andybrewer.com" target="_blank">Andy Brewer</a><br>
400
- </p>
401
- </footer>
402
-
403
- <script>
404
- function newIdea() {
405
- let company = document.getElementById("company").value || "GitHub";
406
- let focusAreas = [];
407
- document.querySelectorAll("input[name='focus[]']:checked").forEach(el => { focusAreas.push(el.value) });
408
- let focus = focusAreas.join(" / ") || "stealthy growth";
409
- let founders = document.querySelector("input[name='founders']:checked").value;
410
- let hobby = document.getElementById("hobby").value || "design";
411
- let model = document.getElementById("model").value;
412
-
413
- document.getElementById("results").innerHTML = `<br><h3>Amazing Idea &mdash;</h3><p>A ${model} <mark><b>${company} for ${hobby}</b></mark><br>with ${founders} and a focus on<br>${focus}.</p>`;
414
- }
415
- </script>
package/css/classless/tests/foreign/classless.sakura.html DELETED
@@ -1,224 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>Level.css TEST</title>
6
- <script src="./test.js" type=module async></script>
7
-
8
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
9
- <script src="./../test.js" type=module async></script>
10
-
11
- <link rel="stylesheet" href="../../../css/norm/norm.css">
12
- <link rel="stylesheet" href="../../../norm.css/beta.css">
13
- <link rel="stylesheet" href="../../../css/base/base.css">
14
- <link rel="stylesheet" href="../../../base.css/beta.css">
15
- <link rel="stylesheet" href="../../../base.css/print.css" disabled>
16
- <link rel="stylesheet" href="../../../base.css/nomotion.css" disabled>
17
- <link rel="stylesheet" href="../../../css/classless/variables.css">
18
- <link rel="stylesheet" href="../../../css/classless/classless.css">
19
- <link rel="stylesheet" href="../../../css/classless/more.css">
20
- <link rel="stylesheet" href="../../../css/classless/aria.css">
21
- <link rel="stylesheet" href="../../../css/classless/simple.css">
22
-
23
- <link rel="stylesheet" href="../../../classless.css/themes/elegant.css">
24
- <link rel="stylesheet" href="../../../classless.css/themes/brutalist.css" disabled>
25
- <link rel="stylesheet" href="../../../classless.css/themes/lascaux.css" disabled>
26
-
27
- </head>
28
- <body class=xlx-invert>
29
- <div id="top">
30
- <h1>Sakura demo (h1 header)</h1>
31
- <p>This is an anchor tag/hyper link: <a href="https://github.com/oxalorg/sakura">sakura - Github Repository</a></p>
32
- <p>Paragraphs look like this. Font size along with line height and maximum width are optimized for reading.</p>
33
-
34
- <p><em>Italic</em>, <strong>bold</strong>, and <code>monospace</code>. Itemized lists look like:</p>
35
- <ul>
36
- <li>this one</li>
37
- <li>that one</li>
38
- <li>the other one</li>
39
- </ul>
40
-
41
- <p><strong>Here's a block quote</strong>:</p>
42
- <blockquote>
43
- <p>Man surprised me most about humanity. Because he sacrifices his health in order to make money. Then he sacrifices money to recuperate his health. And then he is so anxious about the future that he does not enjoy the present; the result being that he does not live in the present or the future; he lives as if he is never going to die, and then dies having never really lived. -James J Lachard</p>
44
- </blockquote>
45
-
46
- <h2 id="an-h2-header">An h2 header</h2>
47
- <p><strong>Some code blocks</strong></p>
48
- <pre><code>define foobar() {
49
- print &quot;Welcome to flavor country!&quot;;
50
- }</code></pre>
51
- <div class="sourceCode">
52
- <pre class="sourceCode python"><code class="sourceCode python"><span class="im">import</span> time
53
- <span class="co"># Quick, count to ten!</span>
54
- <span class="cf">for</span> i <span class="op">in</span> <span class="bu">range</span>(<span class="dv">10</span>):
55
- <span class="co"># (but not *too* quick)</span>
56
- time.sleep(<span class="fl">0.5</span>)
57
- <span class="bu">print</span> i</code></pre>
58
- </div>
59
-
60
- <h3 id="an-h3-header">An h3 header</h3>
61
- <p>A nested list:</p>
62
- <ol style="list-style-type: decimal">
63
- <li>
64
- <p>First, get these ingredients:</p>
65
- <ul>
66
- <li>carrots</li>
67
- <li>celery</li>
68
- <li>lentils</li>
69
- </ul>
70
- </li>
71
- <li>
72
- <p>Boil some water.</p>
73
- </li>
74
- <li>
75
- <p>Dump everything in the pot and follow this algorithm:</p>
76
- <pre><code>find wooden spoon
77
- uncover pot
78
- stir
79
- cover pot
80
- balance wooden spoon precariously on pot handle
81
- wait 10 minutes
82
- goto first step (or shut off burner when done)</code></pre>
83
- <p>Do not bump wooden spoon or it will fall.</p>
84
- </li>
85
- </ol>
86
-
87
- <h1 id="header-level-1">Header level 1</h1>
88
- <h2 id="header-level-2">Header level 2</h2>
89
- <h3 id="header-level-3">Header level 3</h3>
90
- <h4 id="header-level-4">Header level 4</h4>
91
- <h5 id="header-level-5">Header level 5</h5>
92
- <h6 id="header-level-6">Header level 6</h6>
93
-
94
- <p>A horizontal line:</p>
95
- <hr>
96
-
97
- <p>Here's a link to <a href="http://foo.bar">a website</a>, to a <a href="local-doc.html">local doc</a>, and to a <a href="#an-h2-header">section heading in the current doc</a>. Here's a footnote <a href="#fn1" id="fnref1"><sup>1</sup></a>.</p>
98
- <p>Tables can look like this:</p>
99
-
100
- <table>
101
- <caption>
102
- Shoes, their sizes, and what they're made of
103
- </caption>
104
- <thead>
105
- <tr >
106
- <th align="left">size</th>
107
- <th align="left">material</th>
108
- <th align="left">color</th>
109
- </tr>
110
- </thead>
111
- <tbody>
112
- <tr >
113
- <td align="left">9</td>
114
- <td align="left">leather</td>
115
- <td align="left">brown</td>
116
- </tr>
117
- <tr >
118
- <td align="left">10</td>
119
- <td align="left">hemp canvas</td>
120
- <td align="left">natural</td>
121
- </tr>
122
- <tr >
123
- <td align="left">11</td>
124
- <td align="left">glass</td>
125
- <td align="left">transparent</td>
126
- </tr>
127
- </tbody>
128
- </table>
129
- <p>Multi-line tables:</p>
130
- <table style="width:46%;">
131
- <colgroup>
132
- <col width="13%">
133
- <col width="31%">
134
- </colgroup>
135
- <thead>
136
- <tr>
137
- <th align="left">keyword</th>
138
- <th align="left">text</th>
139
- </tr>
140
- </thead>
141
- <tbody>
142
- <tr>
143
- <td align="left">red</td>
144
- <td align="left">Sunsets, apples, and other red or reddish things.</td>
145
- </tr>
146
- <tr>
147
- <td align="left">green</td>
148
- <td align="left">Leaves, grass, frogs and other things it's not easy being.</td>
149
- </tr>
150
- </tbody>
151
- </table>
152
-
153
- <p>A horizontal rule follows.</p>
154
- <hr>
155
- <p>Images are responsive by default:</p>
156
- <div>
157
- <img alt="example image" src="sakura.png" title="An exemplary image">
158
- <p>example image</p>
159
- </div>
160
-
161
- <hr>
162
-
163
- <h1 id="form-elements">Form Elements</h1>
164
- <form>
165
- <div id="forms__input">
166
- <h3>Input fields</h3>
167
- <p><label for="input__text">Text Input</label> <input id="input__text" placeholder="Text Input" type="text"></p>
168
- <p><label for="input__password">Password</label> <input id="input__password" placeholder="Type your Password" type="password"></p>
169
- <p><label for="input__webaddress">Web Address</label> <input id="input__webaddress" placeholder="http://yoursite.com" type="url"></p>
170
- <p><label for="input__emailaddress">Email Address</label> <input id="input__emailaddress" placeholder="name@email.com" type="email"></p>
171
- <p><label for="input__phone">Phone Number</label> <input id="input__phone" placeholder="(999) 999-9999" type="tel"></p>
172
- <p><label for="input__search">Search</label> <input id="input__search" placeholder="Enter Search Term" type="search"></p>
173
- <p><label for="input__text2">Number Input</label> <input id="input__text2" placeholder="Enter a Number" type="number"></p>
174
- <p><label for="input__text3">Error</label> <input id="input__text3" placeholder="Text Input" type="text"></p>
175
- <p><label for="input__text4">Valid</label> <input id="input__text4" placeholder="Text Input" type="text"></p>
176
- </div>
177
- <p><a href="#top">[Top]</a></p>
178
- <div id="forms__select">
179
- <h3>Select menus</h3>
180
- <p><label for="select">Select</label> <select id="select">
181
- <optgroup label="Option Group">
182
- <option>
183
- Option One
184
- </option>
185
- <option>
186
- Option Two
187
- </option>
188
- <option>
189
- Option Three
190
- </option>
191
- </optgroup>
192
- </select></p>
193
- </div>
194
- <p><a href="#top">[Top]</a></p>
195
- <div id="forms__checkbox">
196
- <h3>Checkboxes</h3>
197
- <ul style="list-style:none;">
198
- <li><label for="checkbox1"><input checked="checked" id="checkbox1" name="checkbox" type="checkbox"> Choice A</label></li>
199
- <li><label for="checkbox2"><input id="checkbox2" name="checkbox" type="checkbox"> Choice B</label></li>
200
- <li><label for="checkbox3"><input id="checkbox3" name="checkbox" type="checkbox"> Choice C</label></li>
201
- </ul>
202
- </div>
203
- <p><a href="#top">[Top]</a></p>
204
- <div id="forms__textareas">
205
- <h3>Textareas</h3>
206
- <p><label for="textarea">Textarea</label>
207
- <textarea cols="48" id="textarea" placeholder="Enter your message here" rows="8"></textarea></p>
208
- </div>
209
- <p><a href="#top">[Top]</a></p>
210
- <div id="forms__html5">
211
- <div id="forms__action">
212
- <h3>Action buttons</h3>
213
- <p><button type="submit">&lt;button type=submit&gt;</button> <button type="button">&lt;button type=button&gt;</button> <button type="reset">&lt;button type=reset&gt;</button> <button disabled type="button">&lt;button disabled&gt;</button></p>
214
- </div>
215
- <p><a href="#top">[Top]</a></p>
216
- </div>
217
- </form>
218
- <div>
219
- <hr>
220
- <ol>
221
- <li id="fn1"><p>Footnote text goes here.<a href="#fnref1">↩</a></p></li>
222
- </ol>
223
- </div>
224
- </div>