neo.mjs 5.18.0 → 6.0.1

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 (304) hide show
  1. package/apps/ServiceWorker.mjs +2 -2
  2. package/buildScripts/buildThemes.mjs +89 -192
  3. package/buildScripts/createClass.mjs +13 -11
  4. package/buildScripts/watchThemes.mjs +41 -83
  5. package/examples/ServiceWorker.mjs +2 -2
  6. package/examples/fieldWithPrefix/MainContainer.mjs +151 -0
  7. package/examples/fieldWithPrefix/app.mjs +6 -0
  8. package/examples/fieldWithPrefix/index.html +11 -0
  9. package/examples/fieldWithPrefix/neo-config.json +7 -0
  10. package/examples/form/field/fileupload/MainContainer.mjs +1 -1
  11. package/examples/form/field/fileupload/server.mjs +2 -2
  12. package/package.json +2 -2
  13. package/resources/scss/src/Global.scss +7 -7
  14. package/resources/scss/src/apps/covid/HeaderContainer.scss +25 -25
  15. package/resources/scss/src/apps/covid/country/Gallery.scss +6 -6
  16. package/resources/scss/src/apps/covid/country/Helix.scss +8 -8
  17. package/resources/scss/src/apps/covid/country/LineChartComponent.scss +2 -2
  18. package/resources/scss/src/apps/docs/ContentTabContainer.scss +3 -3
  19. package/resources/scss/src/apps/docs/HeaderContainer.scss +8 -8
  20. package/resources/scss/src/apps/docs/MainContainer.scss +1 -1
  21. package/resources/scss/src/apps/docs/classdetails/HeaderComponent.scss +1 -1
  22. package/resources/scss/src/apps/docs/classdetails/MembersList.scss +16 -16
  23. package/resources/scss/src/apps/docs/classdetails/TutorialComponent.scss +3 -3
  24. package/resources/scss/src/apps/website/HeaderContainer.scss +9 -9
  25. package/resources/scss/src/apps/website/MainContainer.scss +3 -3
  26. package/resources/scss/src/apps/website/blog/Container.scss +3 -3
  27. package/resources/scss/src/apps/website/blog/List.scss +8 -8
  28. package/resources/scss/src/apps/website/examples/List.scss +7 -7
  29. package/resources/scss/src/apps/website/home/TabContainer.scss +5 -5
  30. package/resources/scss/src/button/Base.scss +101 -101
  31. package/resources/scss/src/button/Split.scss +3 -3
  32. package/resources/scss/src/calendar/view/EditEventContainer.scss +4 -4
  33. package/resources/scss/src/calendar/view/MainContainer.scss +46 -46
  34. package/resources/scss/src/calendar/view/SettingsContainer.scss +3 -3
  35. package/resources/scss/src/calendar/view/YearComponent.scss +13 -13
  36. package/resources/scss/src/calendar/view/calendars/EditContainer.scss +4 -4
  37. package/resources/scss/src/calendar/view/calendars/List.scss +7 -7
  38. package/resources/scss/src/calendar/view/month/Component.scss +15 -13
  39. package/resources/scss/src/calendar/view/week/Component.scss +12 -12
  40. package/resources/scss/src/calendar/view/week/TimeAxisComponent.scss +4 -4
  41. package/resources/scss/src/component/BoxLabel.scss +5 -5
  42. package/resources/scss/src/component/Chip.scss +13 -13
  43. package/resources/scss/src/component/Circle.scss +2 -2
  44. package/resources/scss/src/component/DateSelector.scss +28 -28
  45. package/resources/scss/src/component/Helix.scss +1 -1
  46. package/resources/scss/src/component/Process.scss +17 -17
  47. package/resources/scss/src/component/Progress.scss +2 -2
  48. package/resources/scss/src/component/Splitter.scss +6 -6
  49. package/resources/scss/src/component/StatusBadge.scss +21 -21
  50. package/resources/scss/src/component/Timer.scss +9 -9
  51. package/resources/scss/src/component/Toast.scss +10 -10
  52. package/resources/scss/src/component/Video.scss +5 -5
  53. package/resources/scss/src/container/Accordion.scss +3 -3
  54. package/resources/scss/src/container/AccordionItem.scss +15 -15
  55. package/resources/scss/src/container/Base.scss +3 -3
  56. package/resources/scss/src/container/Panel.scss +4 -4
  57. package/resources/scss/src/container/Viewport.scss +2 -2
  58. package/resources/scss/src/dialog/Base.scss +8 -8
  59. package/resources/scss/src/draggable/list/DragZone.scss +2 -2
  60. package/resources/scss/src/examples/ConfigurationPanel.scss +3 -3
  61. package/resources/scss/src/examples/calendar/basic/MainContainer.scss +2 -2
  62. package/resources/scss/src/examples/fieldWithPrefix/MainContainer.scss +25 -0
  63. package/resources/scss/src/examples/treeSelectionModel/MainContainer.scss +6 -6
  64. package/resources/scss/src/form/Fieldset.scss +4 -4
  65. package/resources/scss/src/form/field/CheckBox.scss +10 -10
  66. package/resources/scss/src/form/field/FileUpload.scss +25 -12
  67. package/resources/scss/src/form/field/Number.scss +5 -5
  68. package/resources/scss/src/form/field/Picker.scss +3 -3
  69. package/resources/scss/src/form/field/Range.scss +5 -5
  70. package/resources/scss/src/form/field/Search.scss +1 -1
  71. package/resources/scss/src/form/field/Select.scss +8 -8
  72. package/resources/scss/src/form/field/Switch.scss +6 -6
  73. package/resources/scss/src/form/field/Text.scss +78 -78
  74. package/resources/scss/src/form/field/TextArea.scss +1 -1
  75. package/resources/scss/src/form/field/trigger/Base.scss +6 -6
  76. package/resources/scss/src/form/field/trigger/Clear.scss +2 -2
  77. package/resources/scss/src/form/field/trigger/CopyToClipboard.scss +3 -3
  78. package/resources/scss/src/form/field/trigger/Time.scss +5 -5
  79. package/resources/scss/src/grid/Container.scss +6 -6
  80. package/resources/scss/src/grid/View.scss +11 -11
  81. package/resources/scss/src/grid/header/Button.scss +5 -5
  82. package/resources/scss/src/grid/header/Toolbar.scss +2 -2
  83. package/resources/scss/src/list/Base.scss +11 -11
  84. package/resources/scss/src/list/Chip.scss +3 -3
  85. package/resources/scss/src/list/Circle.scss +2 -2
  86. package/resources/scss/src/menu/List.scss +21 -21
  87. package/resources/scss/src/menu/Panel.scss +1 -1
  88. package/resources/scss/src/plugin/PrefixField.scss +5 -0
  89. package/resources/scss/src/sitemap/Component.scss +2 -2
  90. package/resources/scss/src/tab/Container.scss +1 -1
  91. package/resources/scss/src/tab/Strip.scss +7 -7
  92. package/resources/scss/src/tab/header/Button.scss +26 -26
  93. package/resources/scss/src/tab/header/Toolbar.scss +18 -18
  94. package/resources/scss/src/table/Container.scss +16 -16
  95. package/resources/scss/src/table/View.scss +11 -11
  96. package/resources/scss/src/table/header/Button.scss +5 -5
  97. package/resources/scss/src/toolbar/Base.scss +20 -20
  98. package/resources/scss/src/toolbar/Breadcrumb.scss +1 -1
  99. package/resources/scss/src/tree/List.scss +5 -5
  100. package/resources/scss/theme-dark/Global.scss +7 -17
  101. package/resources/scss/theme-dark/apps/covid/HeaderContainer.scss +10 -23
  102. package/resources/scss/theme-dark/apps/covid/country/Gallery.scss +7 -17
  103. package/resources/scss/theme-dark/apps/covid/country/Helix.scss +8 -19
  104. package/resources/scss/theme-dark/apps/covid/country/LineChartComponent.scss +3 -9
  105. package/resources/scss/theme-dark/apps/docs/ContentTabContainer.scss +4 -11
  106. package/resources/scss/theme-dark/apps/docs/HeaderContainer.scss +10 -23
  107. package/resources/scss/theme-dark/apps/docs/MainContainer.scss +3 -9
  108. package/resources/scss/theme-dark/apps/docs/classdetails/HeaderComponent.scss +4 -11
  109. package/resources/scss/theme-dark/apps/docs/classdetails/MembersList.scss +17 -37
  110. package/resources/scss/theme-dark/apps/docs/classdetails/TutorialComponent.scss +4 -11
  111. package/resources/scss/theme-dark/apps/website/HeaderContainer.scss +5 -13
  112. package/resources/scss/theme-dark/apps/website/MainContainer.scss +4 -11
  113. package/resources/scss/theme-dark/apps/website/blog/Container.scss +3 -9
  114. package/resources/scss/theme-dark/apps/website/home/TabContainer.scss +4 -11
  115. package/resources/scss/theme-dark/button/Base.scss +108 -219
  116. package/resources/scss/theme-dark/calendar/view/EditEventContainer.scss +4 -12
  117. package/resources/scss/theme-dark/calendar/view/MainContainer.scss +22 -48
  118. package/resources/scss/theme-dark/calendar/view/SettingsContainer.scss +4 -11
  119. package/resources/scss/theme-dark/calendar/view/YearComponent.scss +10 -23
  120. package/resources/scss/theme-dark/calendar/view/calendars/EditContainer.scss +4 -12
  121. package/resources/scss/theme-dark/calendar/view/calendars/List.scss +2 -8
  122. package/resources/scss/theme-dark/calendar/view/month/Component.scss +9 -22
  123. package/resources/scss/theme-dark/calendar/view/week/Component.scss +12 -28
  124. package/resources/scss/theme-dark/component/BoxLabel.scss +5 -13
  125. package/resources/scss/theme-dark/component/Chip.scss +14 -31
  126. package/resources/scss/theme-dark/component/DateSelector.scss +24 -52
  127. package/resources/scss/theme-dark/component/Process.scss +9 -21
  128. package/resources/scss/theme-dark/component/Progress.scss +3 -9
  129. package/resources/scss/theme-dark/component/Splitter.scss +4 -12
  130. package/resources/scss/theme-dark/component/StatusBadge.scss +19 -41
  131. package/resources/scss/theme-dark/component/Timer.scss +4 -13
  132. package/resources/scss/theme-dark/component/Toast.scss +8 -20
  133. package/resources/scss/theme-dark/component/Video.scss +3 -10
  134. package/resources/scss/theme-dark/container/Accordion.scss +5 -13
  135. package/resources/scss/theme-dark/container/AccordionItem.scss +10 -23
  136. package/resources/scss/theme-dark/container/Base.scss +4 -11
  137. package/resources/scss/theme-dark/container/Panel.scss +5 -13
  138. package/resources/scss/theme-dark/container/Viewport.scss +3 -9
  139. package/resources/scss/theme-dark/dialog/Base.scss +5 -13
  140. package/resources/scss/theme-dark/examples/ConfigurationPanel.scss +3 -9
  141. package/resources/scss/theme-dark/examples/calendar/basic/MainContainer.scss +3 -10
  142. package/resources/scss/theme-dark/form/Fieldset.scss +5 -14
  143. package/resources/scss/theme-dark/form/field/CheckBox.scss +7 -18
  144. package/resources/scss/theme-dark/form/field/FileUpload.scss +11 -26
  145. package/resources/scss/theme-dark/form/field/Picker.scss +5 -13
  146. package/resources/scss/theme-dark/form/field/Range.scss +4 -11
  147. package/resources/scss/theme-dark/form/field/Search.scss +3 -9
  148. package/resources/scss/theme-dark/form/field/Select.scss +8 -20
  149. package/resources/scss/theme-dark/form/field/Switch.scss +6 -16
  150. package/resources/scss/theme-dark/form/field/Text.scss +31 -66
  151. package/resources/scss/theme-dark/form/field/trigger/Base.scss +5 -14
  152. package/resources/scss/theme-dark/form/field/trigger/Time.scss +3 -10
  153. package/resources/scss/theme-dark/grid/Container.scss +6 -16
  154. package/resources/scss/theme-dark/grid/View.scss +12 -28
  155. package/resources/scss/theme-dark/grid/header/Button.scss +5 -14
  156. package/resources/scss/theme-dark/list/Base.scss +11 -26
  157. package/resources/scss/theme-dark/menu/List.scss +20 -44
  158. package/resources/scss/theme-dark/menu/Panel.scss +2 -8
  159. package/resources/scss/theme-dark/tab/Container.scss +3 -9
  160. package/resources/scss/theme-dark/tab/Strip.scss +5 -13
  161. package/resources/scss/theme-dark/tab/header/Button.scss +29 -62
  162. package/resources/scss/theme-dark/table/Container.scss +9 -22
  163. package/resources/scss/theme-dark/table/View.scss +13 -29
  164. package/resources/scss/theme-dark/table/header/Button.scss +6 -16
  165. package/resources/scss/theme-dark/toolbar/Base.scss +4 -11
  166. package/resources/scss/theme-dark/tree/List.scss +4 -11
  167. package/resources/scss/theme-light/Global.scss +7 -17
  168. package/resources/scss/theme-light/apps/covid/HeaderContainer.scss +10 -23
  169. package/resources/scss/theme-light/apps/covid/country/Gallery.scss +7 -17
  170. package/resources/scss/theme-light/apps/covid/country/Helix.scss +8 -19
  171. package/resources/scss/theme-light/apps/covid/country/LineChartComponent.scss +3 -9
  172. package/resources/scss/theme-light/apps/docs/ContentTabContainer.scss +4 -11
  173. package/resources/scss/theme-light/apps/docs/HeaderContainer.scss +10 -23
  174. package/resources/scss/theme-light/apps/docs/MainContainer.scss +3 -9
  175. package/resources/scss/theme-light/apps/docs/classdetails/HeaderComponent.scss +4 -11
  176. package/resources/scss/theme-light/apps/docs/classdetails/MembersList.scss +17 -37
  177. package/resources/scss/theme-light/apps/docs/classdetails/TutorialComponent.scss +4 -11
  178. package/resources/scss/theme-light/apps/website/HeaderContainer.scss +5 -13
  179. package/resources/scss/theme-light/apps/website/MainContainer.scss +4 -11
  180. package/resources/scss/theme-light/apps/website/blog/Container.scss +3 -9
  181. package/resources/scss/theme-light/apps/website/home/TabContainer.scss +4 -11
  182. package/resources/scss/theme-light/button/Base.scss +107 -218
  183. package/resources/scss/theme-light/calendar/view/EditEventContainer.scss +4 -12
  184. package/resources/scss/theme-light/calendar/view/MainContainer.scss +22 -48
  185. package/resources/scss/theme-light/calendar/view/SettingsContainer.scss +3 -11
  186. package/resources/scss/theme-light/calendar/view/YearComponent.scss +10 -23
  187. package/resources/scss/theme-light/calendar/view/calendars/EditContainer.scss +4 -12
  188. package/resources/scss/theme-light/calendar/view/calendars/List.scss +2 -8
  189. package/resources/scss/theme-light/calendar/view/month/Component.scss +10 -23
  190. package/resources/scss/theme-light/calendar/view/week/Component.scss +12 -28
  191. package/resources/scss/theme-light/component/BoxLabel.scss +5 -13
  192. package/resources/scss/theme-light/component/Chip.scss +14 -31
  193. package/resources/scss/theme-light/component/DateSelector.scss +24 -52
  194. package/resources/scss/theme-light/component/Process.scss +9 -21
  195. package/resources/scss/theme-light/component/Progress.scss +3 -9
  196. package/resources/scss/theme-light/component/Splitter.scss +4 -12
  197. package/resources/scss/theme-light/component/StatusBadge.scss +19 -41
  198. package/resources/scss/theme-light/component/Timer.scss +5 -14
  199. package/resources/scss/theme-light/component/Toast.scss +8 -20
  200. package/resources/scss/theme-light/component/Video.scss +3 -10
  201. package/resources/scss/theme-light/container/Accordion.scss +5 -13
  202. package/resources/scss/theme-light/container/AccordionItem.scss +10 -23
  203. package/resources/scss/theme-light/container/Base.scss +4 -11
  204. package/resources/scss/theme-light/container/Panel.scss +5 -13
  205. package/resources/scss/theme-light/container/Viewport.scss +3 -9
  206. package/resources/scss/theme-light/dialog/Base.scss +5 -13
  207. package/resources/scss/theme-light/examples/ConfigurationPanel.scss +3 -9
  208. package/resources/scss/theme-light/examples/calendar/basic/MainContainer.scss +3 -10
  209. package/resources/scss/theme-light/form/Fieldset.scss +5 -14
  210. package/resources/scss/theme-light/form/field/CheckBox.scss +7 -18
  211. package/resources/scss/theme-light/form/field/FileUpload.scss +11 -26
  212. package/resources/scss/theme-light/form/field/Picker.scss +5 -13
  213. package/resources/scss/theme-light/form/field/Range.scss +4 -11
  214. package/resources/scss/theme-light/form/field/Search.scss +3 -9
  215. package/resources/scss/theme-light/form/field/Select.scss +9 -21
  216. package/resources/scss/theme-light/form/field/Switch.scss +6 -16
  217. package/resources/scss/theme-light/form/field/Text.scss +31 -66
  218. package/resources/scss/theme-light/form/field/trigger/Base.scss +5 -14
  219. package/resources/scss/theme-light/form/field/trigger/Time.scss +3 -10
  220. package/resources/scss/theme-light/grid/Container.scss +6 -16
  221. package/resources/scss/theme-light/grid/View.scss +12 -28
  222. package/resources/scss/theme-light/grid/header/Button.scss +5 -14
  223. package/resources/scss/theme-light/list/Base.scss +12 -27
  224. package/resources/scss/theme-light/menu/List.scss +20 -44
  225. package/resources/scss/theme-light/menu/Panel.scss +2 -8
  226. package/resources/scss/theme-light/tab/Container.scss +3 -9
  227. package/resources/scss/theme-light/tab/Strip.scss +5 -13
  228. package/resources/scss/theme-light/tab/header/Button.scss +29 -62
  229. package/resources/scss/theme-light/table/Container.scss +9 -22
  230. package/resources/scss/theme-light/table/View.scss +13 -29
  231. package/resources/scss/theme-light/table/header/Button.scss +6 -16
  232. package/resources/scss/theme-light/toolbar/Base.scss +4 -11
  233. package/resources/scss/theme-light/tree/List.scss +4 -11
  234. package/src/DefaultConfig.mjs +2 -2
  235. package/src/component/Splitter.mjs +0 -1
  236. package/src/draggable/tab/header/toolbar/SortZone.mjs +3 -3
  237. package/src/form/field/FileUpload.mjs +32 -5
  238. package/src/form/field/Text.mjs +1 -1
  239. package/src/main/DomAccess.mjs +2 -2
  240. package/src/main/DomEvents.mjs +50 -12
  241. package/src/manager/DomEvent.mjs +1 -0
  242. package/src/plugin/PrefixField.mjs +304 -0
  243. package/src/tab/header/Toolbar.mjs +8 -8
  244. package/resources/scss/mixins/_all.scss +0 -31
  245. package/resources/scss/theme-dark/_all.scss +0 -15
  246. package/resources/scss/theme-dark/apps/_all.scss +0 -3
  247. package/resources/scss/theme-dark/apps/covid/_all.scss +0 -4
  248. package/resources/scss/theme-dark/apps/docs/ExamplesTreeList.scss +0 -0
  249. package/resources/scss/theme-dark/apps/docs/TutorialsTreeList.scss +0 -0
  250. package/resources/scss/theme-dark/apps/docs/_all.scss +0 -6
  251. package/resources/scss/theme-dark/apps/docs/classdetails/HierarchyTreeList.scss +0 -0
  252. package/resources/scss/theme-dark/apps/docs/classdetails/MainContainer.scss +0 -0
  253. package/resources/scss/theme-dark/apps/docs/classdetails/_all.scss +0 -5
  254. package/resources/scss/theme-dark/apps/website/_all.scss +0 -4
  255. package/resources/scss/theme-dark/button/_all.scss +0 -1
  256. package/resources/scss/theme-dark/calendar/_all.scss +0 -8
  257. package/resources/scss/theme-dark/component/Circle.scss +0 -0
  258. package/resources/scss/theme-dark/component/_all.scss +0 -5
  259. package/resources/scss/theme-dark/container/_all.scss +0 -3
  260. package/resources/scss/theme-dark/dialog/_all.scss +0 -1
  261. package/resources/scss/theme-dark/examples/_all.scss +0 -2
  262. package/resources/scss/theme-dark/form/_all.scss +0 -9
  263. package/resources/scss/theme-dark/form/field/trigger/Clear.scss +0 -0
  264. package/resources/scss/theme-dark/form/field/trigger/_all.scss +0 -3
  265. package/resources/scss/theme-dark/grid/_all.scss +0 -3
  266. package/resources/scss/theme-dark/grid/header/Toolbar.scss +0 -0
  267. package/resources/scss/theme-dark/grid/header/_all.scss +0 -2
  268. package/resources/scss/theme-dark/list/_all.scss +0 -1
  269. package/resources/scss/theme-dark/menu/_all.scss +0 -2
  270. package/resources/scss/theme-dark/tab/_all.scss +0 -3
  271. package/resources/scss/theme-dark/table/_all.scss +0 -3
  272. package/resources/scss/theme-dark/table/header/Toolbar.scss +0 -0
  273. package/resources/scss/theme-dark/table/header/_all.scss +0 -2
  274. package/resources/scss/theme-dark/tree/_all.scss +0 -1
  275. package/resources/scss/theme-light/_all.scss +0 -15
  276. package/resources/scss/theme-light/apps/_all.scss +0 -3
  277. package/resources/scss/theme-light/apps/covid/_all.scss +0 -4
  278. package/resources/scss/theme-light/apps/docs/ExamplesTreeList.scss +0 -0
  279. package/resources/scss/theme-light/apps/docs/TutorialsTreeList.scss +0 -0
  280. package/resources/scss/theme-light/apps/docs/_all.scss +0 -6
  281. package/resources/scss/theme-light/apps/docs/classdetails/HierarchyTreeList.scss +0 -0
  282. package/resources/scss/theme-light/apps/docs/classdetails/MainContainer.scss +0 -0
  283. package/resources/scss/theme-light/apps/docs/classdetails/_all.scss +0 -5
  284. package/resources/scss/theme-light/apps/website/_all.scss +0 -4
  285. package/resources/scss/theme-light/button/_all.scss +0 -1
  286. package/resources/scss/theme-light/calendar/_all.scss +0 -8
  287. package/resources/scss/theme-light/component/Circle.scss +0 -0
  288. package/resources/scss/theme-light/component/_all.scss +0 -5
  289. package/resources/scss/theme-light/container/_all.scss +0 -3
  290. package/resources/scss/theme-light/dialog/_all.scss +0 -1
  291. package/resources/scss/theme-light/examples/_all.scss +0 -2
  292. package/resources/scss/theme-light/form/_all.scss +0 -9
  293. package/resources/scss/theme-light/form/field/trigger/Clear.scss +0 -0
  294. package/resources/scss/theme-light/form/field/trigger/_all.scss +0 -3
  295. package/resources/scss/theme-light/grid/_all.scss +0 -3
  296. package/resources/scss/theme-light/grid/header/Toolbar.scss +0 -0
  297. package/resources/scss/theme-light/grid/header/_all.scss +0 -2
  298. package/resources/scss/theme-light/list/_all.scss +0 -1
  299. package/resources/scss/theme-light/menu/_all.scss +0 -2
  300. package/resources/scss/theme-light/tab/_all.scss +0 -3
  301. package/resources/scss/theme-light/table/_all.scss +0 -3
  302. package/resources/scss/theme-light/table/header/Toolbar.scss +0 -0
  303. package/resources/scss/theme-light/table/header/_all.scss +0 -2
  304. package/resources/scss/theme-light/tree/_all.scss +0 -1
@@ -3,24 +3,24 @@
3
3
  background-color : #444;
4
4
  background-image : linear-gradient(#ddd, #999), url('https://raw.githubusercontent.com/neomjs/pages/master/resources/website/neo-background.png');
5
5
  position : relative;
6
- transition : background-position 700ms ease-out, height v(website-transition-duration) ease-out;
6
+ transition : background-position 700ms ease-out, height var(--website-transition-duration) ease-out;
7
7
 
8
8
  .neo-absolute {
9
9
  position: absolute;
10
10
  }
11
11
 
12
12
  .neo-button {
13
- background-image : v(website-header-button-background-image);
14
- border : v(website-header-button-border);
13
+ background-image : var(--website-header-button-background-image);
14
+ border : var(--website-header-button-border);
15
15
  border-radius : 50%;
16
- transition-duration : v(website-transition-duration);
16
+ transition-duration : var(--website-transition-duration);
17
17
  transition-property : height, margin, width;
18
18
  transition-timing-function: ease-out;
19
19
 
20
20
  .neo-button-glyph {
21
- color : v(website-header-button-glyph-color);
21
+ color : var(--website-header-button-glyph-color);
22
22
  margin : 0 !important;
23
- transition: font-size v(website-transition-duration) ease-out;
23
+ transition: font-size var(--website-transition-duration) ease-out;
24
24
  }
25
25
  }
26
26
 
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .neo-inner-content {
33
- transition: font-size v(website-transition-duration) ease-out, margin-top v(website-transition-duration) ease-out;
33
+ transition: font-size var(--website-transition-duration) ease-out, margin-top var(--website-transition-duration) ease-out;
34
34
  overflow : hidden;
35
35
  }
36
36
 
@@ -49,7 +49,7 @@
49
49
  .neo-item-bottom-position {
50
50
  bottom : 0;
51
51
  left : 0;
52
- transition: margin v(website-transition-duration) ease-out;
52
+ transition: margin var(--website-transition-duration) ease-out;
53
53
  }
54
54
 
55
55
  .neo-relative {
@@ -61,7 +61,7 @@
61
61
  font-weight: 600;
62
62
  line-height: 1;
63
63
  text-shadow: 1px 1px 1px #000, 1px 1px 1px #fff;
64
- transition : font-size v(website-transition-duration) ease-out;
64
+ transition : font-size var(--website-transition-duration) ease-out;
65
65
  }
66
66
 
67
67
  .website-header-buttons {
@@ -1,5 +1,5 @@
1
1
  .website-main-container {
2
- background-image: v(website-background-image);
2
+ background-image: var(--website-background-image);
3
3
  justify-content: center;
4
4
  min-width : 310px;
5
5
 
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .website-main-tabcontainer {
11
- transition: margin v(website-transition-duration) ease-out;
11
+ transition: margin var(--website-transition-duration) ease-out;
12
12
 
13
13
  .neo-tab-content-container {
14
14
  border: none;
@@ -22,4 +22,4 @@
22
22
  margin: 10px 0;
23
23
  }
24
24
  }
25
- }
25
+ }
@@ -1,6 +1,6 @@
1
1
  .website-blog-container {
2
2
  .website-blog-searchfield {
3
- transition: margin v(website-transition-duration) ease-out;
3
+ transition: margin var(--website-transition-duration) ease-out;
4
4
  width : 240px;
5
5
 
6
6
  @media (max-height: 400px), (max-width: 600px) {
@@ -13,6 +13,6 @@
13
13
  }
14
14
 
15
15
  .website-blog-toolbar {
16
- background-color: v(website-blog-toolbar-background-color);
16
+ background-color: var(--website-blog-toolbar-background-color);
17
17
  }
18
- }
18
+ }
@@ -1,5 +1,5 @@
1
1
  .website-blog-list.neo-list {
2
- transition: padding v(website-transition-duration) ease-out;
2
+ transition: padding var(--website-transition-duration) ease-out;
3
3
 
4
4
  .neo-list-item {
5
5
  cursor : default;
@@ -7,7 +7,7 @@
7
7
  max-width : 800px;
8
8
  overflow : hidden;
9
9
  padding : 0;
10
- transition : height v(website-transition-duration) ease-out, margin-bottom v(website-transition-duration) ease-out;
10
+ transition : height var(--website-transition-duration) ease-out, margin-bottom var(--website-transition-duration) ease-out;
11
11
  white-space: normal;
12
12
  width : 100%;
13
13
 
@@ -32,7 +32,7 @@
32
32
  display : inline-block;
33
33
  margin-left: 10px;
34
34
  text-shadow: 1px 1px 1px #000, 1px 1px 1px #fff;
35
- transition : font-size v(website-transition-duration) ease-out;
35
+ transition : font-size var(--website-transition-duration) ease-out;
36
36
  }
37
37
 
38
38
  .neo-full-size {
@@ -41,13 +41,13 @@
41
41
  }
42
42
 
43
43
  .neo-inner-details {
44
- transition: line-height v(website-transition-duration) ease-out;
44
+ transition: line-height var(--website-transition-duration) ease-out;
45
45
  }
46
46
 
47
47
  .neo-item-bottom-position {
48
48
  bottom : 0;
49
49
  left : 0;
50
- transition: margin v(website-transition-duration) ease-out;
50
+ transition: margin var(--website-transition-duration) ease-out;
51
51
  }
52
52
 
53
53
  .neo-item-top-position {
@@ -55,7 +55,7 @@
55
55
  right : 0;
56
56
  text-align : end;
57
57
  text-shadow: 1px 1px 1px #000, 1px 1px 1px #fff;
58
- transition : font-size v(website-transition-duration) ease-out, margin v(website-transition-duration) ease-out;
58
+ transition : font-size var(--website-transition-duration) ease-out, margin var(--website-transition-duration) ease-out;
59
59
  }
60
60
 
61
61
  .neo-relative {
@@ -78,13 +78,13 @@
78
78
  .neo-top-20 {
79
79
  align-items: center;
80
80
  display : flex;
81
- transition : margin v(website-transition-duration) ease-out;
81
+ transition : margin var(--website-transition-duration) ease-out;
82
82
  }
83
83
 
84
84
  .neo-user-image {
85
85
  border-radius: 50%;
86
86
  display : inline-block;
87
- transition : height v(website-transition-duration) ease-out, width v(website-transition-duration) ease-out;
87
+ transition : height var(--website-transition-duration) ease-out, width var(--website-transition-duration) ease-out;
88
88
  }
89
89
 
90
90
  .preview-image {
@@ -1,5 +1,5 @@
1
1
  .website-examples-list.neo-list {
2
- transition: padding v(website-transition-duration) ease-out;
2
+ transition: padding var(--website-transition-duration) ease-out;
3
3
 
4
4
  .neo-list-item {
5
5
  cursor : default;
@@ -7,7 +7,7 @@
7
7
  max-width : 800px;
8
8
  overflow : hidden;
9
9
  padding : 0;
10
- transition : height v(website-transition-duration) ease-out, margin-bottom v(website-transition-duration) ease-out;
10
+ transition : height var(--website-transition-duration) ease-out, margin-bottom var(--website-transition-duration) ease-out;
11
11
  white-space: normal;
12
12
  width : 100%;
13
13
 
@@ -27,7 +27,7 @@
27
27
  .neo-github-image {
28
28
  color : #ddd;
29
29
  text-decoration : none;
30
- transition-duration : v(website-transition-duration);
30
+ transition-duration : var(--website-transition-duration);
31
31
  transition-property : font-size, height, width;
32
32
  transition-timing-function: ease-out;
33
33
  }
@@ -37,17 +37,17 @@
37
37
  display : inline-block;
38
38
  margin-left: 10px;
39
39
  text-shadow: 1px 1px 1px #000, 1px 1px 1px #fff;
40
- transition : font-size v(website-transition-duration) ease-out;
40
+ transition : font-size var(--website-transition-duration) ease-out;
41
41
  }
42
42
 
43
43
  .neo-inner-details {
44
- transition: line-height v(website-transition-duration) ease-out;
44
+ transition: line-height var(--website-transition-duration) ease-out;
45
45
  }
46
46
 
47
47
  .neo-item-bottom-position {
48
48
  bottom : 0;
49
49
  left : 0;
50
- transition: margin v(website-transition-duration) ease-out;
50
+ transition: margin var(--website-transition-duration) ease-out;
51
51
  }
52
52
 
53
53
  .neo-relative {
@@ -70,7 +70,7 @@
70
70
  .neo-top-20 {
71
71
  align-items: center;
72
72
  display : flex;
73
- transition : margin v(website-transition-duration) ease-out;
73
+ transition : margin var(--website-transition-duration) ease-out;
74
74
  }
75
75
 
76
76
  .preview-image {
@@ -4,7 +4,7 @@
4
4
  }
5
5
 
6
6
  .website-intro-component {
7
- color : v(website-home-color);
7
+ color : var(--website-home-color);
8
8
  flex : auto !important;
9
9
  font-weight: 400;
10
10
  overflow-y : auto;
@@ -20,18 +20,18 @@
20
20
  }
21
21
 
22
22
  h1 {
23
- color : v(website-home-h1-color);
23
+ color : var(--website-home-h1-color);
24
24
  font-weight : 600;
25
25
  margin-bottom: -0.28em;
26
26
  margin-top : 1em;
27
- transition : font-size v(website-transition-duration) ease-out, line-height v(website-transition-duration) ease-out;
27
+ transition : font-size var(--website-transition-duration) ease-out, line-height var(--website-transition-duration) ease-out;
28
28
  }
29
29
 
30
30
  li {
31
31
  margin-bottom : -0.46em;
32
32
  margin-left : 30px;
33
33
  padding-left : 0;
34
- transition-duration : v(website-transition-duration);
34
+ transition-duration : var(--website-transition-duration);
35
35
  transition-property : font-size, line-height, margin-top;
36
36
  transition-timing-function: ease-out;
37
37
  }
@@ -57,7 +57,7 @@
57
57
  p {
58
58
  margin-bottom: -0.46em;
59
59
  margin-top : 0.86em;
60
- transition : font-size v(website-transition-duration) ease-out, line-height v(website-transition-duration) ease-out;
60
+ transition : font-size var(--website-transition-duration) ease-out, line-height var(--website-transition-duration) ease-out;
61
61
  }
62
62
 
63
63