smart-webcomponents-react 19.0.0 → 19.0.5

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 (334) hide show
  1. package/chart/ganttchart.d.ts +1 -1
  2. package/ganttchart/ganttchart.d.ts +1 -1
  3. package/ganttchart/ganttchart.esm.js +3 -3
  4. package/ganttchart/ganttchart.umd.js +3 -3
  5. package/index.d.ts +1 -2
  6. package/package.json +1 -1
  7. package/source/modules/smart.3dchart.js +1 -1
  8. package/source/modules/smart.accordion.js +1 -1
  9. package/source/modules/smart.array.js +1 -1
  10. package/source/modules/smart.barcode.js +1 -1
  11. package/source/modules/smart.breadcrumb.js +1 -1
  12. package/source/modules/smart.button.js +1 -1
  13. package/source/modules/smart.buttongroup.js +1 -1
  14. package/source/modules/smart.calendar.js +1 -1
  15. package/source/modules/smart.card.js +1 -1
  16. package/source/modules/smart.cardview.js +3 -3
  17. package/source/modules/smart.carousel.js +1 -1
  18. package/source/modules/smart.chart.js +2 -2
  19. package/source/modules/smart.checkbox.js +1 -1
  20. package/source/modules/smart.checkinput.js +1 -1
  21. package/source/modules/smart.chip.js +1 -1
  22. package/source/modules/smart.colorinput.js +1 -1
  23. package/source/modules/smart.colorpanel.js +1 -1
  24. package/source/modules/smart.colorpicker.js +1 -1
  25. package/source/modules/smart.combobox.js +1 -1
  26. package/source/modules/smart.common.js +2 -2
  27. package/source/modules/smart.countryinput.js +1 -1
  28. package/source/modules/smart.dateinput.js +1 -1
  29. package/source/modules/smart.daterangeinput.js +1 -1
  30. package/source/modules/smart.datetimepicker.js +1 -1
  31. package/source/modules/smart.dockinglayout.js +1 -1
  32. package/source/modules/smart.dropdownbutton.js +1 -1
  33. package/source/modules/smart.dropdownlist.js +1 -1
  34. package/source/modules/smart.editor.js +2 -2
  35. package/source/modules/smart.element.js +1 -1
  36. package/source/modules/smart.fileupload.js +1 -1
  37. package/source/modules/smart.form.js +1 -1
  38. package/source/modules/smart.formulaparser.js +1 -1
  39. package/source/modules/smart.ganttchart.js +4 -4
  40. package/source/modules/smart.gauge.js +1 -1
  41. package/source/modules/smart.grid.js +8 -8
  42. package/source/modules/smart.gridpanel.js +3 -3
  43. package/source/modules/smart.input.js +1 -1
  44. package/source/modules/smart.kanban.js +3 -3
  45. package/source/modules/smart.layout.js +1 -1
  46. package/source/modules/smart.led.js +1 -1
  47. package/source/modules/smart.listbox.js +1 -1
  48. package/source/modules/smart.listmenu.js +1 -1
  49. package/source/modules/smart.map.js +1 -1
  50. package/source/modules/smart.maskedtextbox.js +1 -1
  51. package/source/modules/smart.menu.js +1 -1
  52. package/source/modules/smart.multicomboinput.js +1 -1
  53. package/source/modules/smart.multiinput.js +1 -1
  54. package/source/modules/smart.multilinetextbox.js +1 -1
  55. package/source/modules/smart.multisplitbutton.js +1 -1
  56. package/source/modules/smart.numberinput.js +1 -1
  57. package/source/modules/smart.numerictextbox.js +1 -1
  58. package/source/modules/smart.pager.js +1 -1
  59. package/source/modules/smart.passwordinput.js +1 -1
  60. package/source/modules/smart.passwordtextbox.js +1 -1
  61. package/source/modules/smart.path.js +1 -1
  62. package/source/modules/smart.phoneinput.js +1 -1
  63. package/source/modules/smart.pivottable.js +3 -3
  64. package/source/modules/smart.progressbar.js +1 -1
  65. package/source/modules/smart.qrcode.js +1 -1
  66. package/source/modules/smart.querybuilder.js +1 -1
  67. package/source/modules/smart.radiobutton.js +1 -1
  68. package/source/modules/smart.rating.js +1 -1
  69. package/source/modules/smart.ribbon.js +1 -1
  70. package/source/modules/smart.router.js +2 -2
  71. package/source/modules/smart.scheduler.js +2 -2
  72. package/source/modules/smart.scrollbar.js +1 -1
  73. package/source/modules/smart.slider.js +1 -1
  74. package/source/modules/smart.sortable.js +1 -1
  75. package/source/modules/smart.splitter.js +1 -1
  76. package/source/modules/smart.switchbutton.js +1 -1
  77. package/source/modules/smart.table.js +3 -3
  78. package/source/modules/smart.tabs.js +1 -1
  79. package/source/modules/smart.tank.js +1 -1
  80. package/source/modules/smart.textarea.js +1 -1
  81. package/source/modules/smart.textbox.js +1 -1
  82. package/source/modules/smart.timeinput.js +1 -1
  83. package/source/modules/smart.timepicker.js +1 -1
  84. package/source/modules/smart.toast.js +1 -1
  85. package/source/modules/smart.tooltip.js +1 -1
  86. package/source/modules/smart.tree.js +1 -1
  87. package/source/modules/smart.validator.js +1 -1
  88. package/source/modules/smart.window.js +1 -1
  89. package/source/smart.3dchart.js +1 -1
  90. package/source/smart.accordion.js +1 -1
  91. package/source/smart.ajax.js +1 -1
  92. package/source/smart.array.js +1 -1
  93. package/source/smart.barcode.js +1 -1
  94. package/source/smart.bootstrap.js +1 -1
  95. package/source/smart.breadcrumb.js +1 -1
  96. package/source/smart.button.js +1 -1
  97. package/source/smart.buttongroup.js +1 -1
  98. package/source/smart.calendar.js +1 -1
  99. package/source/smart.card.js +1 -1
  100. package/source/smart.cardview.js +1 -1
  101. package/source/smart.carousel.js +1 -1
  102. package/source/smart.chart.annotations.js +1 -1
  103. package/source/smart.chart.api.js +1 -1
  104. package/source/smart.chart.core.js +1 -1
  105. package/source/smart.chart.js +1 -1
  106. package/source/smart.chart.rangeselector.js +1 -1
  107. package/source/smart.chart.waterfall.js +1 -1
  108. package/source/smart.checkbox.js +1 -1
  109. package/source/smart.checkinput.js +1 -1
  110. package/source/smart.chip.js +1 -1
  111. package/source/smart.colorinput.js +1 -1
  112. package/source/smart.colorpanel.js +1 -1
  113. package/source/smart.colorpicker.js +1 -1
  114. package/source/smart.combobox.js +1 -1
  115. package/source/smart.complex.js +1 -1
  116. package/source/smart.core.js +1 -1
  117. package/source/smart.countryinput.js +1 -1
  118. package/source/smart.data.js +2 -2
  119. package/source/smart.date.js +1 -1
  120. package/source/smart.dateformatpanel.js +1 -1
  121. package/source/smart.dateinput.js +1 -1
  122. package/source/smart.daterangeinput.js +1 -1
  123. package/source/smart.datetimepicker.js +1 -1
  124. package/source/smart.dockinglayout.js +1 -1
  125. package/source/smart.draw.js +1 -1
  126. package/source/smart.dropdownbutton.js +1 -1
  127. package/source/smart.dropdownlist.js +1 -1
  128. package/source/smart.editor.js +2 -2
  129. package/source/smart.element.js +1 -1
  130. package/source/smart.elements.js +10 -10
  131. package/source/smart.export.js +1 -1
  132. package/source/smart.fileupload.js +1 -1
  133. package/source/smart.filter.js +1 -1
  134. package/source/smart.filterbuilder.js +1 -1
  135. package/source/smart.filterpanel.js +1 -1
  136. package/source/smart.form.js +1 -1
  137. package/source/smart.format.js +1 -1
  138. package/source/smart.formulaparser.js +1 -1
  139. package/source/smart.ganttchart.js +2 -2
  140. package/source/smart.gauge.js +1 -1
  141. package/source/smart.grid.cell.js +1 -1
  142. package/source/smart.grid.chart.js +1 -1
  143. package/source/smart.grid.column.js +1 -1
  144. package/source/smart.grid.core.js +2 -2
  145. package/source/smart.grid.dialog.js +2 -2
  146. package/source/smart.grid.edit.js +2 -2
  147. package/source/smart.grid.export.js +1 -1
  148. package/source/smart.grid.filter.js +1 -1
  149. package/source/smart.grid.group.js +1 -1
  150. package/source/smart.grid.js +1 -1
  151. package/source/smart.grid.menu.js +1 -1
  152. package/source/smart.grid.pager.js +1 -1
  153. package/source/smart.grid.reorder.js +1 -1
  154. package/source/smart.grid.resize.js +1 -1
  155. package/source/smart.grid.row.js +2 -2
  156. package/source/smart.grid.select.js +1 -1
  157. package/source/smart.grid.sort.js +2 -2
  158. package/source/smart.grid.toolbar.js +1 -1
  159. package/source/smart.grid.tree.js +1 -1
  160. package/source/smart.grid.view.js +1 -1
  161. package/source/smart.gridpanel.js +2 -2
  162. package/source/smart.input.js +1 -1
  163. package/source/smart.kanban.js +1 -1
  164. package/source/smart.layout.js +1 -1
  165. package/source/smart.led.js +1 -1
  166. package/source/smart.listbox.js +1 -1
  167. package/source/smart.listmenu.js +1 -1
  168. package/source/smart.map.js +1 -1
  169. package/source/smart.maskedtextbox.js +1 -1
  170. package/source/smart.math.js +1 -1
  171. package/source/smart.menu.js +1 -1
  172. package/source/smart.multicomboinput.js +1 -1
  173. package/source/smart.multiinput.js +1 -1
  174. package/source/smart.multilinetextbox.js +1 -1
  175. package/source/smart.multisplitbutton.js +1 -1
  176. package/source/smart.numberformatpanel.js +1 -1
  177. package/source/smart.numberinput.js +1 -1
  178. package/source/smart.numeric.js +1 -1
  179. package/source/smart.numerictextbox.js +1 -1
  180. package/source/smart.pager.js +1 -1
  181. package/source/smart.passwordinput.js +1 -1
  182. package/source/smart.passwordtextbox.js +1 -1
  183. package/source/smart.path.js +1 -1
  184. package/source/smart.phoneinput.js +1 -1
  185. package/source/smart.pivottable.js +1 -1
  186. package/source/smart.powerbutton.js +1 -1
  187. package/source/smart.progressbar.js +1 -1
  188. package/source/smart.qrcode.js +1 -1
  189. package/source/smart.radiobutton.js +1 -1
  190. package/source/smart.rating.js +1 -1
  191. package/source/smart.ribbon.js +1 -1
  192. package/source/smart.router.js +1 -1
  193. package/source/smart.scheduler.js +1 -1
  194. package/source/smart.scrollbar.js +1 -1
  195. package/source/smart.slider.js +1 -1
  196. package/source/smart.sortable.js +1 -1
  197. package/source/smart.sparkline.js +1 -1
  198. package/source/smart.splitter.js +1 -1
  199. package/source/smart.switchbutton.js +1 -1
  200. package/source/smart.table.js +1 -1
  201. package/source/smart.tabs.js +1 -1
  202. package/source/smart.tank.js +1 -1
  203. package/source/smart.textarea.js +1 -1
  204. package/source/smart.textbox.js +1 -1
  205. package/source/smart.tickintervalhandler.js +1 -1
  206. package/source/smart.timeinput.js +1 -1
  207. package/source/smart.timepicker.js +1 -1
  208. package/source/smart.toast.js +1 -1
  209. package/source/smart.tooltip.js +1 -1
  210. package/source/smart.tree.js +1 -1
  211. package/source/smart.validationpanel.js +1 -1
  212. package/source/smart.validator.js +1 -1
  213. package/source/smart.window.js +1 -1
  214. package/source/styles/bootstrap/smart.bootstrap.blue.css +3369 -3372
  215. package/source/styles/bootstrap/smart.bootstrap.css +3369 -3372
  216. package/source/styles/bootstrap/smart.bootstrap.cyan.css +3369 -3372
  217. package/source/styles/bootstrap/smart.bootstrap.green.css +3369 -3372
  218. package/source/styles/bootstrap/smart.bootstrap.indigo.css +3369 -3372
  219. package/source/styles/bootstrap/smart.bootstrap.orange.css +3369 -3372
  220. package/source/styles/bootstrap/smart.bootstrap.pink.css +3369 -3372
  221. package/source/styles/bootstrap/smart.bootstrap.purple.css +3369 -3372
  222. package/source/styles/bootstrap/smart.bootstrap.red.css +3369 -3372
  223. package/source/styles/bootstrap/smart.bootstrap.teal.css +3369 -3372
  224. package/source/styles/bootstrap/smart.bootstrap.turquoise.css +3369 -3372
  225. package/source/styles/components/smart.array.css +1 -1
  226. package/source/styles/components/smart.calendar.css +2 -2
  227. package/source/styles/components/smart.cardview.css +2 -2
  228. package/source/styles/components/smart.checkinput.css +1 -1
  229. package/source/styles/components/smart.colorinput.css +1 -1
  230. package/source/styles/components/smart.columnpanel.css +1 -1
  231. package/source/styles/components/smart.countryinput.css +1 -1
  232. package/source/styles/components/smart.dateinput.css +2 -2
  233. package/source/styles/components/smart.daterangeinput.css +2 -2
  234. package/source/styles/components/smart.datetimeformatpanel.css +1 -1
  235. package/source/styles/components/smart.datetimepicker.css +1 -1
  236. package/source/styles/components/smart.editor.css +2 -2
  237. package/source/styles/components/smart.filterbuilder.css +2 -2
  238. package/source/styles/components/smart.filterpanel.css +1 -1
  239. package/source/styles/components/smart.ganttchart.css +2 -2
  240. package/source/styles/components/smart.grid.css +3 -3
  241. package/source/styles/components/smart.gridpanel.css +1 -1
  242. package/source/styles/components/smart.input.css +1 -1
  243. package/source/styles/components/smart.kanban.css +2 -2
  244. package/source/styles/components/smart.maskedtextbox.css +1 -1
  245. package/source/styles/components/smart.multicolumnfilterpanel.css +2 -2
  246. package/source/styles/components/smart.multicomboinput.css +1 -1
  247. package/source/styles/components/smart.multiinput.css +1 -1
  248. package/source/styles/components/smart.multilinetextbox.css +1 -1
  249. package/source/styles/components/smart.numberformatpanel.css +1 -1
  250. package/source/styles/components/smart.numberinput.css +1 -1
  251. package/source/styles/components/smart.pager.css +1 -1
  252. package/source/styles/components/smart.passwordinput.css +1 -1
  253. package/source/styles/components/smart.passwordtextbox.css +1 -1
  254. package/source/styles/components/smart.phoneinput.css +1 -1
  255. package/source/styles/components/smart.pivottable.css +1 -1
  256. package/source/styles/components/smart.querybuilder.css +3 -3
  257. package/source/styles/components/smart.ribbon.css +1 -1
  258. package/source/styles/components/smart.scheduler.css +2 -2
  259. package/source/styles/components/smart.sortpanel.css +1 -1
  260. package/source/styles/components/smart.table.css +1 -1
  261. package/source/styles/components/smart.textarea.css +1 -1
  262. package/source/styles/components/smart.textbox.css +1 -1
  263. package/source/styles/components/smart.timeinput.css +1 -1
  264. package/source/styles/components/smart.validationpanel.css +1 -1
  265. package/source/styles/components/smart.window.css +1 -1
  266. package/source/styles/default/scss/textbox/_multi-combo-input.scss +5 -0
  267. package/source/styles/default/smart.accordion.css +309 -309
  268. package/source/styles/default/smart.array.css +77 -77
  269. package/source/styles/default/smart.badge.css +50 -50
  270. package/source/styles/default/smart.barcode.css +3 -3
  271. package/source/styles/default/smart.breadcrumb.css +324 -324
  272. package/source/styles/default/smart.button.css +515 -515
  273. package/source/styles/default/smart.calendar.css +742 -742
  274. package/source/styles/default/smart.card.css +53 -53
  275. package/source/styles/default/smart.chart.css +119 -119
  276. package/source/styles/default/smart.checkbox.css +148 -148
  277. package/source/styles/default/smart.chip.css +101 -101
  278. package/source/styles/default/smart.colorpanel.css +617 -617
  279. package/source/styles/default/smart.colorpicker.css +132 -132
  280. package/source/styles/default/smart.currencyformatpanel.css +71 -71
  281. package/source/styles/default/smart.dateformatpanel.css +105 -105
  282. package/source/styles/default/smart.datetimepicker.css +611 -611
  283. package/source/styles/default/smart.dockinglayout.css +748 -748
  284. package/source/styles/default/smart.dropdownbutton.css +257 -257
  285. package/source/styles/default/smart.editor.css +1528 -1527
  286. package/source/styles/default/smart.editors.css +150 -150
  287. package/source/styles/default/smart.fileupload.css +498 -498
  288. package/source/styles/default/smart.ganttchart.css +1594 -1594
  289. package/source/styles/default/smart.gauge.css +145 -145
  290. package/source/styles/default/smart.inputgroup.css +483 -483
  291. package/source/styles/default/smart.layout.css +465 -465
  292. package/source/styles/default/smart.layouts.css +483 -483
  293. package/source/styles/default/smart.led.css +144 -144
  294. package/source/styles/default/smart.link-button.css +321 -321
  295. package/source/styles/default/smart.listbox.css +564 -564
  296. package/source/styles/default/smart.listmenu.css +661 -661
  297. package/source/styles/default/smart.loader.css +203 -203
  298. package/source/styles/default/smart.maskedtextbox.css +27 -27
  299. package/source/styles/default/smart.multilinetextbox.css +190 -190
  300. package/source/styles/default/smart.multisplitbutton.css +225 -225
  301. package/source/styles/default/smart.numberformatpanel.css +72 -72
  302. package/source/styles/default/smart.numerictextbox.css +522 -522
  303. package/source/styles/default/smart.pager.css +253 -253
  304. package/source/styles/default/smart.passwordtextbox.css +129 -129
  305. package/source/styles/default/smart.path.css +581 -581
  306. package/source/styles/default/smart.pivottable.css +800 -800
  307. package/source/styles/default/smart.powerbutton.css +100 -100
  308. package/source/styles/default/smart.progressbar.css +501 -501
  309. package/source/styles/default/smart.qrcode.css +3 -3
  310. package/source/styles/default/smart.querybuilder.css +624 -623
  311. package/source/styles/default/smart.radiobutton.css +137 -137
  312. package/source/styles/default/smart.rating.css +17 -17
  313. package/source/styles/default/smart.scheduler.css +2789 -2789
  314. package/source/styles/default/smart.scrollbar.css +118 -118
  315. package/source/styles/default/smart.scrollviewer.css +109 -109
  316. package/source/styles/default/smart.slider.css +464 -464
  317. package/source/styles/default/smart.sortable.css +114 -114
  318. package/source/styles/default/smart.splitter.css +395 -395
  319. package/source/styles/default/smart.switchbutton.css +293 -293
  320. package/source/styles/default/smart.table.css +2025 -2025
  321. package/source/styles/default/smart.tabs.css +923 -923
  322. package/source/styles/default/smart.tank.css +661 -661
  323. package/source/styles/default/smart.textbox.css +3431 -3427
  324. package/source/styles/default/smart.timepicker.css +150 -150
  325. package/source/styles/default/smart.toast.css +252 -252
  326. package/source/styles/default/smart.toggle.css +175 -175
  327. package/source/styles/default/smart.tooltip.css +124 -124
  328. package/source/styles/default/smart.tree.css +783 -783
  329. package/source/styles/default/smart.validationpanel.css +116 -116
  330. package/source/styles/default/smart.window.css +829 -829
  331. package/source/styles/smart.default.css +4 -4
  332. package/source/styles/smart.fluent.css +3313 -3313
  333. package/source/typescript/smart.elements.d.ts +1 -2
  334. package/source/typescript/smart.ganttchart.d.ts +1 -2
package/source/styles/default/smart.layouts.css CHANGED
@@ -1,484 +1,484 @@
1
- .smart-grid-layout .col-xl-12, .smart-grid-layout .col-xl-11, .smart-grid-layout .col-xl-10, .smart-grid-layout .col-xl-9, .smart-grid-layout .col-xl-8, .smart-grid-layout .col-xl-7, .smart-grid-layout .col-xl-6, .smart-grid-layout .col-xl-5, .smart-grid-layout .col-xl-4, .smart-grid-layout .col-xl-3, .smart-grid-layout .col-xl-2, .smart-grid-layout .col-xl-1, .smart-grid-layout .col-xl, .smart-grid-layout .col-lg-12, .smart-grid-layout .col-lg-11, .smart-grid-layout .col-lg-10, .smart-grid-layout .col-lg-9, .smart-grid-layout .col-lg-8, .smart-grid-layout .col-lg-7, .smart-grid-layout .col-lg-6, .smart-grid-layout .col-lg-5, .smart-grid-layout .col-lg-4, .smart-grid-layout .col-lg-3, .smart-grid-layout .col-lg-2, .smart-grid-layout .col-lg-1, .smart-grid-layout .col-lg, .smart-grid-layout .col-md-12, .smart-grid-layout .col-md-11, .smart-grid-layout .col-md-10, .smart-grid-layout .col-md-9, .smart-grid-layout .col-md-8, .smart-grid-layout .col-md-7, .smart-grid-layout .col-md-6, .smart-grid-layout .col-md-5, .smart-grid-layout .col-md-4, .smart-grid-layout .col-md-3, .smart-grid-layout .col-md-2, .smart-grid-layout .col-md-1, .smart-grid-layout .col-md, .smart-grid-layout .col-sm-12, .smart-grid-layout .col-sm-11, .smart-grid-layout .col-sm-10, .smart-grid-layout .col-sm-9, .smart-grid-layout .col-sm-8, .smart-grid-layout .col-sm-7, .smart-grid-layout .col-sm-6, .smart-grid-layout .col-sm-5, .smart-grid-layout .col-sm-4, .smart-grid-layout .col-sm-3, .smart-grid-layout .col-sm-2, .smart-grid-layout .col-sm-1, .smart-grid-layout .col-sm, .smart-grid-layout .col-12, .smart-grid-layout .col-11, .smart-grid-layout .col-10, .smart-grid-layout .col-9, .smart-grid-layout .col-8, .smart-grid-layout .col-7, .smart-grid-layout .col-6, .smart-grid-layout .col-5, .smart-grid-layout .col-4, .smart-grid-layout .col-3, .smart-grid-layout .col-2, .smart-grid-layout .col-1, .smart-grid-layout .col {
2
- position: relative;
3
- width: 100%;
4
- min-height: 1px;
5
- padding: 15px;
6
- box-sizing: border-box;
7
- grid-column: span 12;
8
- }
9
-
10
- .smart-grid-layout {
11
- grid-template-rows: var(--smart-grid-layout-rows);
12
- padding: 0px;
13
- box-sizing: border-box;
14
- display: grid;
15
- width: var(--smart-grid-layout-width);
16
- grid-gap: var(--smart-grid-layout-row-gap);
17
- grid-column-gap: var(--smart-grid-layout-col-gap);
18
- grid-template-columns: repeat(12, 1fr);
19
- }
20
- .smart-grid-layout .row {
21
- display: grid;
22
- width: var(--smart-grid-layout-width);
23
- grid-gap: var(--smart-grid-layout-row-gap);
24
- grid-column-gap: var(--smart-grid-layout-col-gap);
25
- grid-template-columns: repeat(12, 1fr);
26
- margin-right: auto;
27
- margin-left: auto;
28
- box-sizing: border-box;
29
- grid-column: span 12;
30
- }
31
- .smart-grid-layout.no-gaps, .smart-grid-layout.no-gaps .row {
32
- --smart-grid-row-gap: 0px;
33
- --smart-grid-column-gap: 0px;
34
- grid-columns-gap: 0px;
35
- grid-gap: 0px;
36
- }
37
- @media (min-width: 576px) {
38
- .smart-grid-layout.fixed {
39
- max-width: 540px;
40
- }
41
- }
42
- @media (min-width: 768px) {
43
- .smart-grid-layout.fixed {
44
- max-width: 720px;
45
- }
46
- }
47
- @media (min-width: 992px) {
48
- .smart-grid-layout.fixed {
49
- max-width: 960px;
50
- }
51
- }
52
- @media (min-width: 1200px) {
53
- .smart-grid-layout.fixed {
54
- max-width: 1140px;
55
- }
56
- }
57
- .smart-grid-layout .order-0 {
58
- order: -1;
59
- }
60
- .smart-grid-layout .order-1 {
61
- order: 0;
62
- }
63
- .smart-grid-layout .order-2 {
64
- order: 1;
65
- }
66
- .smart-grid-layout .order-3 {
67
- order: 2;
68
- }
69
- .smart-grid-layout .order-4 {
70
- order: 3;
71
- }
72
- .smart-grid-layout .order-5 {
73
- order: 4;
74
- }
75
- .smart-grid-layout .order-6 {
76
- order: 5;
77
- }
78
- .smart-grid-layout .order-7 {
79
- order: 6;
80
- }
81
- .smart-grid-layout .order-8 {
82
- order: 7;
83
- }
84
- .smart-grid-layout .order-9 {
85
- order: 8;
86
- }
87
- .smart-grid-layout .order-10 {
88
- order: 9;
89
- }
90
- .smart-grid-layout .order-11 {
91
- order: 10;
92
- }
93
- .smart-grid-layout .order-12 {
94
- order: 11;
95
- }
96
- .smart-grid-layout [span="1"] {
97
- grid-row: span 1;
98
- }
99
- .smart-grid-layout [span="2"] {
100
- grid-row: span 2;
101
- }
102
- .smart-grid-layout [span="3"] {
103
- grid-row: span 3;
104
- }
105
- .smart-grid-layout [span="4"] {
106
- grid-row: span 4;
107
- }
108
- .smart-grid-layout [span="5"] {
109
- grid-row: span 5;
110
- }
111
- .smart-grid-layout [span="6"] {
112
- grid-row: span 6;
113
- }
114
- .smart-grid-layout [span="7"] {
115
- grid-row: span 7;
116
- }
117
- .smart-grid-layout [span="8"] {
118
- grid-row: span 8;
119
- }
120
- .smart-grid-layout [span="9"] {
121
- grid-row: span 9;
122
- }
123
- .smart-grid-layout [span="10"] {
124
- grid-row: span 10;
125
- }
126
- .smart-grid-layout [span="11"] {
127
- grid-row: span 11;
128
- }
129
- .smart-grid-layout [span="12"] {
130
- grid-row: span 12;
131
- }
132
- .smart-grid-layout .col-1 {
133
- grid-column: span 1;
134
- }
135
- .smart-grid-layout .col-2 {
136
- grid-column: span 2;
137
- }
138
- .smart-grid-layout .col-3 {
139
- grid-column: span 3;
140
- }
141
- .smart-grid-layout .col-4 {
142
- grid-column: span 4;
143
- }
144
- .smart-grid-layout .col-5 {
145
- grid-column: span 5;
146
- }
147
- .smart-grid-layout .col-6 {
148
- grid-column: span 6;
149
- }
150
- .smart-grid-layout .col-7 {
151
- grid-column: span 7;
152
- }
153
- .smart-grid-layout .col-8 {
154
- grid-column: span 8;
155
- }
156
- .smart-grid-layout .col-9 {
157
- grid-column: span 9;
158
- }
159
- .smart-grid-layout .col-10 {
160
- grid-column: span 10;
161
- }
162
- .smart-grid-layout .col-11 {
163
- grid-column: span 11;
164
- }
165
- .smart-grid-layout .col-12 {
166
- grid-column: span 12;
167
- }
168
- @media (min-width: 576px) {
169
- .smart-grid-layout .col-sm-1 {
170
- grid-column: span 1;
171
- }
172
- .smart-grid-layout .col-sm-2 {
173
- grid-column: span 2;
174
- }
175
- .smart-grid-layout .col-sm-3 {
176
- grid-column: span 3;
177
- }
178
- .smart-grid-layout .col-sm-4 {
179
- grid-column: span 4;
180
- }
181
- .smart-grid-layout .col-sm-5 {
182
- grid-column: span 5;
183
- }
184
- .smart-grid-layout .col-sm-6 {
185
- grid-column: span 6;
186
- }
187
- .smart-grid-layout .col-sm-7 {
188
- grid-column: span 7;
189
- }
190
- .smart-grid-layout .col-sm-8 {
191
- grid-column: span 8;
192
- }
193
- .smart-grid-layout .col-sm-9 {
194
- grid-column: span 9;
195
- }
196
- .smart-grid-layout .col-sm-10 {
197
- grid-column: span 10;
198
- }
199
- .smart-grid-layout .col-sm-11 {
200
- grid-column: span 11;
201
- }
202
- .smart-grid-layout .col-sm-12 {
203
- grid-column: span 12;
204
- }
205
- }
206
- @media (min-width: 768px) {
207
- .smart-grid-layout .col-md-1 {
208
- grid-column: span 1;
209
- }
210
- .smart-grid-layout .col-md-2 {
211
- grid-column: span 2;
212
- }
213
- .smart-grid-layout .col-md-3 {
214
- grid-column: span 3;
215
- }
216
- .smart-grid-layout .col-md-4 {
217
- grid-column: span 4;
218
- }
219
- .smart-grid-layout .col-md-5 {
220
- grid-column: span 5;
221
- }
222
- .smart-grid-layout .col-md-6 {
223
- grid-column: span 6;
224
- }
225
- .smart-grid-layout .col-md-7 {
226
- grid-column: span 7;
227
- }
228
- .smart-grid-layout .col-md-8 {
229
- grid-column: span 8;
230
- }
231
- .smart-grid-layout .col-md-9 {
232
- grid-column: span 9;
233
- }
234
- .smart-grid-layout .col-md-10 {
235
- grid-column: span 10;
236
- }
237
- .smart-grid-layout .col-md-11 {
238
- grid-column: span 11;
239
- }
240
- .smart-grid-layout .col-md-12 {
241
- grid-column: span 12;
242
- }
243
- }
244
- @media (min-width: 992px) {
245
- .smart-grid-layout .col-lg-1 {
246
- grid-column: span 1;
247
- }
248
- .smart-grid-layout .col-lg-2 {
249
- grid-column: span 2;
250
- }
251
- .smart-grid-layout .col-lg-3 {
252
- grid-column: span 3;
253
- }
254
- .smart-grid-layout .col-lg-4 {
255
- grid-column: span 4;
256
- }
257
- .smart-grid-layout .col-lg-5 {
258
- grid-column: span 5;
259
- }
260
- .smart-grid-layout .col-lg-6 {
261
- grid-column: span 6;
262
- }
263
- .smart-grid-layout .col-lg-7 {
264
- grid-column: span 7;
265
- }
266
- .smart-grid-layout .col-lg-8 {
267
- grid-column: span 8;
268
- }
269
- .smart-grid-layout .col-lg-9 {
270
- grid-column: span 9;
271
- }
272
- .smart-grid-layout .col-lg-10 {
273
- grid-column: span 10;
274
- }
275
- .smart-grid-layout .col-lg-11 {
276
- grid-column: span 11;
277
- }
278
- .smart-grid-layout .col-lg-12 {
279
- grid-column: span 12;
280
- }
281
- }
282
- @media (min-width: 1200px) {
283
- .smart-grid-layout .col-xl-1 {
284
- grid-column: span 1;
285
- }
286
- .smart-grid-layout .col-xl-2 {
287
- grid-column: span 2;
288
- }
289
- .smart-grid-layout .col-xl-3 {
290
- grid-column: span 3;
291
- }
292
- .smart-grid-layout .col-xl-4 {
293
- grid-column: span 4;
294
- }
295
- .smart-grid-layout .col-xl-5 {
296
- grid-column: span 5;
297
- }
298
- .smart-grid-layout .col-xl-6 {
299
- grid-column: span 6;
300
- }
301
- .smart-grid-layout .col-xl-7 {
302
- grid-column: span 7;
303
- }
304
- .smart-grid-layout .col-xl-8 {
305
- grid-column: span 8;
306
- }
307
- .smart-grid-layout .col-xl-9 {
308
- grid-column: span 9;
309
- }
310
- .smart-grid-layout .col-xl-10 {
311
- grid-column: span 10;
312
- }
313
- .smart-grid-layout .col-xl-11 {
314
- grid-column: span 11;
315
- }
316
- .smart-grid-layout .col-xl-12 {
317
- grid-column: span 12;
318
- }
319
- }
320
-
321
- .smart-stack-layout {
322
- display: flex;
323
- box-sizing: border-box;
324
- overflow: hidden;
325
- width: 100%;
326
- align-items: baseline;
327
- padding: 15px;
328
- }
329
- .smart-stack-layout .item {
330
- display: flex;
331
- border-radius: 0px;
332
- box-shadow: none;
333
- min-width: 100px;
334
- }
335
- .smart-stack-layout.vertical {
336
- flex-direction: column;
337
- }
338
- .smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between):not(.vertical) .item:first-child {
339
- border-top-left-radius: var(--smart-border-radius);
340
- border-bottom-left-radius: var(--smart-border-radius);
341
- border-top-right-radius: 0px;
342
- border-bottom-right-radius: 0px;
343
- }
344
- .smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between):not(.vertical) .item:last-child {
345
- border-top-right-radius: var(--smart-border-radius);
346
- border-bottom-right-radius: var(--smart-border-radius);
347
- border-top-left-radius: 0px;
348
- border-bottom-left-radius: 0px;
349
- }
350
- .smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between).vertical .item:first-child {
351
- border-top-left-radius: var(--smart-border-radius);
352
- border-top-right-radius: var(--smart-border-radius);
353
- border-bottom-left-radius: 0px;
354
- border-bottom-right-radius: 0px;
355
- }
356
- .smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between).vertical .item:last-child {
357
- border-bottom-right-radius: var(--smart-border-radius);
358
- border-bottom-left-radius: var(--smart-border-radius);
359
- border-top-left-radius: 0px;
360
- border-top-right-radius: 0px;
361
- }
362
- .smart-stack-layout.spacing .item {
363
- margin: 0px 6px;
364
- }
365
- .smart-stack-layout.spacing.vertical .item {
366
- margin: 6px 0px;
367
- }
368
- .smart-stack-layout.spacing-2 .item {
369
- margin: 0px 12px;
370
- }
371
- .smart-stack-layout.spacing-2.vertical .item {
372
- margin: 12px 0px;
373
- }
374
- .smart-stack-layout.spacing-3 .item {
375
- margin: 0px 24px;
376
- }
377
- .smart-stack-layout.spacing-3.vertical .item {
378
- margin: 24px 0px;
379
- }
380
- .smart-stack-layout.spacing-4 .item {
381
- margin: 0px 48px;
382
- }
383
- .smart-stack-layout.spacing-4.vertical .item {
384
- margin: 48px 0px;
385
- }
386
- .smart-stack-layout.spacing-5 .item {
387
- margin: 0px 64px;
388
- }
389
- .smart-stack-layout.spacing-5.vertical .item {
390
- margin: 64px 0px;
391
- }
392
- .smart-stack-layout.spacing-6 .item {
393
- margin: 0px 128px;
394
- }
395
- .smart-stack-layout.spacing-6.vertical .item {
396
- margin: 128px 0px;
397
- }
398
- .smart-stack-layout.spacing:not(.vertical) .item:first-child, .smart-stack-layout.spacing-2:not(.vertical) .item:first-child, .smart-stack-layout.spacing-3:not(.vertical) .item:first-child, .smart-stack-layout.spacing-4:not(.vertical) .item:first-child, .smart-stack-layout.spacing-5:not(.vertical) .item:first-child, .smart-stack-layout.spacing-6:not(.vertical) .item:first-child {
399
- margin-left: 0px;
400
- }
401
- .smart-stack-layout.spacing:not(.vertical) .item:last-child, .smart-stack-layout.spacing-2:not(.vertical) .item:last-child, .smart-stack-layout.spacing-3:not(.vertical) .item:last-child, .smart-stack-layout.spacing-4:not(.vertical) .item:last-child, .smart-stack-layout.spacing-5:not(.vertical) .item:last-child, .smart-stack-layout.spacing-6:not(.vertical) .item:last-child {
402
- margin-right: 0px;
403
- }
404
- .smart-stack-layout.spacing.vertical .item:first-child, .smart-stack-layout.spacing-2.vertical .item:first-child, .smart-stack-layout.spacing-3.vertical .item:first-child, .smart-stack-layout.spacing-4.vertical .item:first-child, .smart-stack-layout.spacing-5.vertical .item:first-child, .smart-stack-layout.spacing-6.vertical .item:first-child {
405
- margin-top: 0px;
406
- }
407
- .smart-stack-layout.spacing.vertical .item:last-child, .smart-stack-layout.spacing-2.vertical .item:last-child, .smart-stack-layout.spacing-3.vertical .item:last-child, .smart-stack-layout.spacing-4.vertical .item:last-child, .smart-stack-layout.spacing-5.vertical .item:last-child, .smart-stack-layout.spacing-6.vertical .item:last-child {
408
- margin-bottom: 0px;
409
- }
410
- .smart-stack-layout:not(.vertical).top,
411
- .smart-stack-layout .top {
412
- align-items: flex-start;
413
- }
414
- .smart-stack-layout:not(.vertical).right,
415
- .smart-stack-layout .right {
416
- justify-content: flex-end;
417
- }
418
- .smart-stack-layout:not(.vertical).bottom,
419
- .smart-stack-layout .bottom {
420
- align-items: flex-end;
421
- }
422
- .smart-stack-layout:not(.vertical).left,
423
- .smart-stack-layout .left {
424
- justify-content: flex-start;
425
- }
426
- .smart-stack-layout:not(.vertical).center,
427
- .smart-stack-layout .center {
428
- justify-content: center;
429
- }
430
- .smart-stack-layout:not(.vertical).middle,
431
- .smart-stack-layout .middle {
432
- align-items: center;
433
- }
434
- .smart-stack-layout.space-between,
435
- .smart-stack-layout .space-between {
436
- justify-content: space-between;
437
- }
438
- .smart-stack-layout.space-evenly,
439
- .smart-stack-layout .space-evenly {
440
- justify-content: space-evenly;
441
- }
442
- .smart-stack-layout.space-around,
443
- .smart-stack-layout .space-around {
444
- justify-content: space-around;
445
- }
446
- .smart-stack-layout.vertical.top {
447
- justify-content: flex-start;
448
- }
449
- .smart-stack-layout.vertical.right {
450
- align-items: flex-end;
451
- }
452
- .smart-stack-layout.vertical.bottom {
453
- justify-content: flex-end;
454
- }
455
- .smart-stack-layout.vertical.left {
456
- align-items: flex-start;
457
- }
458
- .smart-stack-layout.vertical.center {
459
- align-items: center;
460
- }
461
- .smart-stack-layout.vertical.middle {
462
- justify-content: center;
463
- }
464
- .smart-stack-layout.stretch:not(.vertical) .item, .smart-stack-layout.vertical.vertical-stretch .item {
465
- flex: 1;
466
- }
467
- .smart-stack-layout.stretch:not(.vertical) .item.flex-2, .smart-stack-layout.vertical.vertical-stretch .item.flex-2 {
468
- flex: 2;
469
- }
470
- .smart-stack-layout.stretch:not(.vertical) .item.flex-3, .smart-stack-layout.vertical.vertical-stretch .item.flex-3 {
471
- flex: 3;
472
- }
473
- .smart-stack-layout.stretch:not(.vertical) .item.flex-4, .smart-stack-layout.vertical.vertical-stretch .item.flex-4 {
474
- flex: 4;
475
- }
476
- .smart-stack-layout.stretch:not(.vertical) .item.flex-5, .smart-stack-layout.vertical.vertical-stretch .item.flex-5 {
477
- flex: 5;
478
- }
479
- .smart-stack-layout.stretch:not(.vertical) .item.flex-6, .smart-stack-layout.vertical.vertical-stretch .item.flex-6 {
480
- flex: 6;
481
- }
482
- .smart-stack-layout:not(.vertical).vertical-stretch, .smart-stack-layout.stretch.vertical {
483
- align-items: stretch;
1
+ .smart-grid-layout .col-xl-12, .smart-grid-layout .col-xl-11, .smart-grid-layout .col-xl-10, .smart-grid-layout .col-xl-9, .smart-grid-layout .col-xl-8, .smart-grid-layout .col-xl-7, .smart-grid-layout .col-xl-6, .smart-grid-layout .col-xl-5, .smart-grid-layout .col-xl-4, .smart-grid-layout .col-xl-3, .smart-grid-layout .col-xl-2, .smart-grid-layout .col-xl-1, .smart-grid-layout .col-xl, .smart-grid-layout .col-lg-12, .smart-grid-layout .col-lg-11, .smart-grid-layout .col-lg-10, .smart-grid-layout .col-lg-9, .smart-grid-layout .col-lg-8, .smart-grid-layout .col-lg-7, .smart-grid-layout .col-lg-6, .smart-grid-layout .col-lg-5, .smart-grid-layout .col-lg-4, .smart-grid-layout .col-lg-3, .smart-grid-layout .col-lg-2, .smart-grid-layout .col-lg-1, .smart-grid-layout .col-lg, .smart-grid-layout .col-md-12, .smart-grid-layout .col-md-11, .smart-grid-layout .col-md-10, .smart-grid-layout .col-md-9, .smart-grid-layout .col-md-8, .smart-grid-layout .col-md-7, .smart-grid-layout .col-md-6, .smart-grid-layout .col-md-5, .smart-grid-layout .col-md-4, .smart-grid-layout .col-md-3, .smart-grid-layout .col-md-2, .smart-grid-layout .col-md-1, .smart-grid-layout .col-md, .smart-grid-layout .col-sm-12, .smart-grid-layout .col-sm-11, .smart-grid-layout .col-sm-10, .smart-grid-layout .col-sm-9, .smart-grid-layout .col-sm-8, .smart-grid-layout .col-sm-7, .smart-grid-layout .col-sm-6, .smart-grid-layout .col-sm-5, .smart-grid-layout .col-sm-4, .smart-grid-layout .col-sm-3, .smart-grid-layout .col-sm-2, .smart-grid-layout .col-sm-1, .smart-grid-layout .col-sm, .smart-grid-layout .col-12, .smart-grid-layout .col-11, .smart-grid-layout .col-10, .smart-grid-layout .col-9, .smart-grid-layout .col-8, .smart-grid-layout .col-7, .smart-grid-layout .col-6, .smart-grid-layout .col-5, .smart-grid-layout .col-4, .smart-grid-layout .col-3, .smart-grid-layout .col-2, .smart-grid-layout .col-1, .smart-grid-layout .col {
2
+ position: relative;
3
+ width: 100%;
4
+ min-height: 1px;
5
+ padding: 15px;
6
+ box-sizing: border-box;
7
+ grid-column: span 12;
8
+ }
9
+
10
+ .smart-grid-layout {
11
+ grid-template-rows: var(--smart-grid-layout-rows);
12
+ padding: 0px;
13
+ box-sizing: border-box;
14
+ display: grid;
15
+ width: var(--smart-grid-layout-width);
16
+ grid-gap: var(--smart-grid-layout-row-gap);
17
+ grid-column-gap: var(--smart-grid-layout-col-gap);
18
+ grid-template-columns: repeat(12, 1fr);
19
+ }
20
+ .smart-grid-layout .row {
21
+ display: grid;
22
+ width: var(--smart-grid-layout-width);
23
+ grid-gap: var(--smart-grid-layout-row-gap);
24
+ grid-column-gap: var(--smart-grid-layout-col-gap);
25
+ grid-template-columns: repeat(12, 1fr);
26
+ margin-right: auto;
27
+ margin-left: auto;
28
+ box-sizing: border-box;
29
+ grid-column: span 12;
30
+ }
31
+ .smart-grid-layout.no-gaps, .smart-grid-layout.no-gaps .row {
32
+ --smart-grid-row-gap: 0px;
33
+ --smart-grid-column-gap: 0px;
34
+ grid-columns-gap: 0px;
35
+ grid-gap: 0px;
36
+ }
37
+ @media (min-width: 576px) {
38
+ .smart-grid-layout.fixed {
39
+ max-width: 540px;
40
+ }
41
+ }
42
+ @media (min-width: 768px) {
43
+ .smart-grid-layout.fixed {
44
+ max-width: 720px;
45
+ }
46
+ }
47
+ @media (min-width: 992px) {
48
+ .smart-grid-layout.fixed {
49
+ max-width: 960px;
50
+ }
51
+ }
52
+ @media (min-width: 1200px) {
53
+ .smart-grid-layout.fixed {
54
+ max-width: 1140px;
55
+ }
56
+ }
57
+ .smart-grid-layout .order-0 {
58
+ order: -1;
59
+ }
60
+ .smart-grid-layout .order-1 {
61
+ order: 0;
62
+ }
63
+ .smart-grid-layout .order-2 {
64
+ order: 1;
65
+ }
66
+ .smart-grid-layout .order-3 {
67
+ order: 2;
68
+ }
69
+ .smart-grid-layout .order-4 {
70
+ order: 3;
71
+ }
72
+ .smart-grid-layout .order-5 {
73
+ order: 4;
74
+ }
75
+ .smart-grid-layout .order-6 {
76
+ order: 5;
77
+ }
78
+ .smart-grid-layout .order-7 {
79
+ order: 6;
80
+ }
81
+ .smart-grid-layout .order-8 {
82
+ order: 7;
83
+ }
84
+ .smart-grid-layout .order-9 {
85
+ order: 8;
86
+ }
87
+ .smart-grid-layout .order-10 {
88
+ order: 9;
89
+ }
90
+ .smart-grid-layout .order-11 {
91
+ order: 10;
92
+ }
93
+ .smart-grid-layout .order-12 {
94
+ order: 11;
95
+ }
96
+ .smart-grid-layout [span="1"] {
97
+ grid-row: span 1;
98
+ }
99
+ .smart-grid-layout [span="2"] {
100
+ grid-row: span 2;
101
+ }
102
+ .smart-grid-layout [span="3"] {
103
+ grid-row: span 3;
104
+ }
105
+ .smart-grid-layout [span="4"] {
106
+ grid-row: span 4;
107
+ }
108
+ .smart-grid-layout [span="5"] {
109
+ grid-row: span 5;
110
+ }
111
+ .smart-grid-layout [span="6"] {
112
+ grid-row: span 6;
113
+ }
114
+ .smart-grid-layout [span="7"] {
115
+ grid-row: span 7;
116
+ }
117
+ .smart-grid-layout [span="8"] {
118
+ grid-row: span 8;
119
+ }
120
+ .smart-grid-layout [span="9"] {
121
+ grid-row: span 9;
122
+ }
123
+ .smart-grid-layout [span="10"] {
124
+ grid-row: span 10;
125
+ }
126
+ .smart-grid-layout [span="11"] {
127
+ grid-row: span 11;
128
+ }
129
+ .smart-grid-layout [span="12"] {
130
+ grid-row: span 12;
131
+ }
132
+ .smart-grid-layout .col-1 {
133
+ grid-column: span 1;
134
+ }
135
+ .smart-grid-layout .col-2 {
136
+ grid-column: span 2;
137
+ }
138
+ .smart-grid-layout .col-3 {
139
+ grid-column: span 3;
140
+ }
141
+ .smart-grid-layout .col-4 {
142
+ grid-column: span 4;
143
+ }
144
+ .smart-grid-layout .col-5 {
145
+ grid-column: span 5;
146
+ }
147
+ .smart-grid-layout .col-6 {
148
+ grid-column: span 6;
149
+ }
150
+ .smart-grid-layout .col-7 {
151
+ grid-column: span 7;
152
+ }
153
+ .smart-grid-layout .col-8 {
154
+ grid-column: span 8;
155
+ }
156
+ .smart-grid-layout .col-9 {
157
+ grid-column: span 9;
158
+ }
159
+ .smart-grid-layout .col-10 {
160
+ grid-column: span 10;
161
+ }
162
+ .smart-grid-layout .col-11 {
163
+ grid-column: span 11;
164
+ }
165
+ .smart-grid-layout .col-12 {
166
+ grid-column: span 12;
167
+ }
168
+ @media (min-width: 576px) {
169
+ .smart-grid-layout .col-sm-1 {
170
+ grid-column: span 1;
171
+ }
172
+ .smart-grid-layout .col-sm-2 {
173
+ grid-column: span 2;
174
+ }
175
+ .smart-grid-layout .col-sm-3 {
176
+ grid-column: span 3;
177
+ }
178
+ .smart-grid-layout .col-sm-4 {
179
+ grid-column: span 4;
180
+ }
181
+ .smart-grid-layout .col-sm-5 {
182
+ grid-column: span 5;
183
+ }
184
+ .smart-grid-layout .col-sm-6 {
185
+ grid-column: span 6;
186
+ }
187
+ .smart-grid-layout .col-sm-7 {
188
+ grid-column: span 7;
189
+ }
190
+ .smart-grid-layout .col-sm-8 {
191
+ grid-column: span 8;
192
+ }
193
+ .smart-grid-layout .col-sm-9 {
194
+ grid-column: span 9;
195
+ }
196
+ .smart-grid-layout .col-sm-10 {
197
+ grid-column: span 10;
198
+ }
199
+ .smart-grid-layout .col-sm-11 {
200
+ grid-column: span 11;
201
+ }
202
+ .smart-grid-layout .col-sm-12 {
203
+ grid-column: span 12;
204
+ }
205
+ }
206
+ @media (min-width: 768px) {
207
+ .smart-grid-layout .col-md-1 {
208
+ grid-column: span 1;
209
+ }
210
+ .smart-grid-layout .col-md-2 {
211
+ grid-column: span 2;
212
+ }
213
+ .smart-grid-layout .col-md-3 {
214
+ grid-column: span 3;
215
+ }
216
+ .smart-grid-layout .col-md-4 {
217
+ grid-column: span 4;
218
+ }
219
+ .smart-grid-layout .col-md-5 {
220
+ grid-column: span 5;
221
+ }
222
+ .smart-grid-layout .col-md-6 {
223
+ grid-column: span 6;
224
+ }
225
+ .smart-grid-layout .col-md-7 {
226
+ grid-column: span 7;
227
+ }
228
+ .smart-grid-layout .col-md-8 {
229
+ grid-column: span 8;
230
+ }
231
+ .smart-grid-layout .col-md-9 {
232
+ grid-column: span 9;
233
+ }
234
+ .smart-grid-layout .col-md-10 {
235
+ grid-column: span 10;
236
+ }
237
+ .smart-grid-layout .col-md-11 {
238
+ grid-column: span 11;
239
+ }
240
+ .smart-grid-layout .col-md-12 {
241
+ grid-column: span 12;
242
+ }
243
+ }
244
+ @media (min-width: 992px) {
245
+ .smart-grid-layout .col-lg-1 {
246
+ grid-column: span 1;
247
+ }
248
+ .smart-grid-layout .col-lg-2 {
249
+ grid-column: span 2;
250
+ }
251
+ .smart-grid-layout .col-lg-3 {
252
+ grid-column: span 3;
253
+ }
254
+ .smart-grid-layout .col-lg-4 {
255
+ grid-column: span 4;
256
+ }
257
+ .smart-grid-layout .col-lg-5 {
258
+ grid-column: span 5;
259
+ }
260
+ .smart-grid-layout .col-lg-6 {
261
+ grid-column: span 6;
262
+ }
263
+ .smart-grid-layout .col-lg-7 {
264
+ grid-column: span 7;
265
+ }
266
+ .smart-grid-layout .col-lg-8 {
267
+ grid-column: span 8;
268
+ }
269
+ .smart-grid-layout .col-lg-9 {
270
+ grid-column: span 9;
271
+ }
272
+ .smart-grid-layout .col-lg-10 {
273
+ grid-column: span 10;
274
+ }
275
+ .smart-grid-layout .col-lg-11 {
276
+ grid-column: span 11;
277
+ }
278
+ .smart-grid-layout .col-lg-12 {
279
+ grid-column: span 12;
280
+ }
281
+ }
282
+ @media (min-width: 1200px) {
283
+ .smart-grid-layout .col-xl-1 {
284
+ grid-column: span 1;
285
+ }
286
+ .smart-grid-layout .col-xl-2 {
287
+ grid-column: span 2;
288
+ }
289
+ .smart-grid-layout .col-xl-3 {
290
+ grid-column: span 3;
291
+ }
292
+ .smart-grid-layout .col-xl-4 {
293
+ grid-column: span 4;
294
+ }
295
+ .smart-grid-layout .col-xl-5 {
296
+ grid-column: span 5;
297
+ }
298
+ .smart-grid-layout .col-xl-6 {
299
+ grid-column: span 6;
300
+ }
301
+ .smart-grid-layout .col-xl-7 {
302
+ grid-column: span 7;
303
+ }
304
+ .smart-grid-layout .col-xl-8 {
305
+ grid-column: span 8;
306
+ }
307
+ .smart-grid-layout .col-xl-9 {
308
+ grid-column: span 9;
309
+ }
310
+ .smart-grid-layout .col-xl-10 {
311
+ grid-column: span 10;
312
+ }
313
+ .smart-grid-layout .col-xl-11 {
314
+ grid-column: span 11;
315
+ }
316
+ .smart-grid-layout .col-xl-12 {
317
+ grid-column: span 12;
318
+ }
319
+ }
320
+
321
+ .smart-stack-layout {
322
+ display: flex;
323
+ box-sizing: border-box;
324
+ overflow: hidden;
325
+ width: 100%;
326
+ align-items: baseline;
327
+ padding: 15px;
328
+ }
329
+ .smart-stack-layout .item {
330
+ display: flex;
331
+ border-radius: 0px;
332
+ box-shadow: none;
333
+ min-width: 100px;
334
+ }
335
+ .smart-stack-layout.vertical {
336
+ flex-direction: column;
337
+ }
338
+ .smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between):not(.vertical) .item:first-child {
339
+ border-top-left-radius: var(--smart-border-radius);
340
+ border-bottom-left-radius: var(--smart-border-radius);
341
+ border-top-right-radius: 0px;
342
+ border-bottom-right-radius: 0px;
343
+ }
344
+ .smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between):not(.vertical) .item:last-child {
345
+ border-top-right-radius: var(--smart-border-radius);
346
+ border-bottom-right-radius: var(--smart-border-radius);
347
+ border-top-left-radius: 0px;
348
+ border-bottom-left-radius: 0px;
349
+ }
350
+ .smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between).vertical .item:first-child {
351
+ border-top-left-radius: var(--smart-border-radius);
352
+ border-top-right-radius: var(--smart-border-radius);
353
+ border-bottom-left-radius: 0px;
354
+ border-bottom-right-radius: 0px;
355
+ }
356
+ .smart-stack-layout:not(.space-around):not(.space-evenly):not(.space-between).vertical .item:last-child {
357
+ border-bottom-right-radius: var(--smart-border-radius);
358
+ border-bottom-left-radius: var(--smart-border-radius);
359
+ border-top-left-radius: 0px;
360
+ border-top-right-radius: 0px;
361
+ }
362
+ .smart-stack-layout.spacing .item {
363
+ margin: 0px 6px;
364
+ }
365
+ .smart-stack-layout.spacing.vertical .item {
366
+ margin: 6px 0px;
367
+ }
368
+ .smart-stack-layout.spacing-2 .item {
369
+ margin: 0px 12px;
370
+ }
371
+ .smart-stack-layout.spacing-2.vertical .item {
372
+ margin: 12px 0px;
373
+ }
374
+ .smart-stack-layout.spacing-3 .item {
375
+ margin: 0px 24px;
376
+ }
377
+ .smart-stack-layout.spacing-3.vertical .item {
378
+ margin: 24px 0px;
379
+ }
380
+ .smart-stack-layout.spacing-4 .item {
381
+ margin: 0px 48px;
382
+ }
383
+ .smart-stack-layout.spacing-4.vertical .item {
384
+ margin: 48px 0px;
385
+ }
386
+ .smart-stack-layout.spacing-5 .item {
387
+ margin: 0px 64px;
388
+ }
389
+ .smart-stack-layout.spacing-5.vertical .item {
390
+ margin: 64px 0px;
391
+ }
392
+ .smart-stack-layout.spacing-6 .item {
393
+ margin: 0px 128px;
394
+ }
395
+ .smart-stack-layout.spacing-6.vertical .item {
396
+ margin: 128px 0px;
397
+ }
398
+ .smart-stack-layout.spacing:not(.vertical) .item:first-child, .smart-stack-layout.spacing-2:not(.vertical) .item:first-child, .smart-stack-layout.spacing-3:not(.vertical) .item:first-child, .smart-stack-layout.spacing-4:not(.vertical) .item:first-child, .smart-stack-layout.spacing-5:not(.vertical) .item:first-child, .smart-stack-layout.spacing-6:not(.vertical) .item:first-child {
399
+ margin-left: 0px;
400
+ }
401
+ .smart-stack-layout.spacing:not(.vertical) .item:last-child, .smart-stack-layout.spacing-2:not(.vertical) .item:last-child, .smart-stack-layout.spacing-3:not(.vertical) .item:last-child, .smart-stack-layout.spacing-4:not(.vertical) .item:last-child, .smart-stack-layout.spacing-5:not(.vertical) .item:last-child, .smart-stack-layout.spacing-6:not(.vertical) .item:last-child {
402
+ margin-right: 0px;
403
+ }
404
+ .smart-stack-layout.spacing.vertical .item:first-child, .smart-stack-layout.spacing-2.vertical .item:first-child, .smart-stack-layout.spacing-3.vertical .item:first-child, .smart-stack-layout.spacing-4.vertical .item:first-child, .smart-stack-layout.spacing-5.vertical .item:first-child, .smart-stack-layout.spacing-6.vertical .item:first-child {
405
+ margin-top: 0px;
406
+ }
407
+ .smart-stack-layout.spacing.vertical .item:last-child, .smart-stack-layout.spacing-2.vertical .item:last-child, .smart-stack-layout.spacing-3.vertical .item:last-child, .smart-stack-layout.spacing-4.vertical .item:last-child, .smart-stack-layout.spacing-5.vertical .item:last-child, .smart-stack-layout.spacing-6.vertical .item:last-child {
408
+ margin-bottom: 0px;
409
+ }
410
+ .smart-stack-layout:not(.vertical).top,
411
+ .smart-stack-layout .top {
412
+ align-items: flex-start;
413
+ }
414
+ .smart-stack-layout:not(.vertical).right,
415
+ .smart-stack-layout .right {
416
+ justify-content: flex-end;
417
+ }
418
+ .smart-stack-layout:not(.vertical).bottom,
419
+ .smart-stack-layout .bottom {
420
+ align-items: flex-end;
421
+ }
422
+ .smart-stack-layout:not(.vertical).left,
423
+ .smart-stack-layout .left {
424
+ justify-content: flex-start;
425
+ }
426
+ .smart-stack-layout:not(.vertical).center,
427
+ .smart-stack-layout .center {
428
+ justify-content: center;
429
+ }
430
+ .smart-stack-layout:not(.vertical).middle,
431
+ .smart-stack-layout .middle {
432
+ align-items: center;
433
+ }
434
+ .smart-stack-layout.space-between,
435
+ .smart-stack-layout .space-between {
436
+ justify-content: space-between;
437
+ }
438
+ .smart-stack-layout.space-evenly,
439
+ .smart-stack-layout .space-evenly {
440
+ justify-content: space-evenly;
441
+ }
442
+ .smart-stack-layout.space-around,
443
+ .smart-stack-layout .space-around {
444
+ justify-content: space-around;
445
+ }
446
+ .smart-stack-layout.vertical.top {
447
+ justify-content: flex-start;
448
+ }
449
+ .smart-stack-layout.vertical.right {
450
+ align-items: flex-end;
451
+ }
452
+ .smart-stack-layout.vertical.bottom {
453
+ justify-content: flex-end;
454
+ }
455
+ .smart-stack-layout.vertical.left {
456
+ align-items: flex-start;
457
+ }
458
+ .smart-stack-layout.vertical.center {
459
+ align-items: center;
460
+ }
461
+ .smart-stack-layout.vertical.middle {
462
+ justify-content: center;
463
+ }
464
+ .smart-stack-layout.stretch:not(.vertical) .item, .smart-stack-layout.vertical.vertical-stretch .item {
465
+ flex: 1;
466
+ }
467
+ .smart-stack-layout.stretch:not(.vertical) .item.flex-2, .smart-stack-layout.vertical.vertical-stretch .item.flex-2 {
468
+ flex: 2;
469
+ }
470
+ .smart-stack-layout.stretch:not(.vertical) .item.flex-3, .smart-stack-layout.vertical.vertical-stretch .item.flex-3 {
471
+ flex: 3;
472
+ }
473
+ .smart-stack-layout.stretch:not(.vertical) .item.flex-4, .smart-stack-layout.vertical.vertical-stretch .item.flex-4 {
474
+ flex: 4;
475
+ }
476
+ .smart-stack-layout.stretch:not(.vertical) .item.flex-5, .smart-stack-layout.vertical.vertical-stretch .item.flex-5 {
477
+ flex: 5;
478
+ }
479
+ .smart-stack-layout.stretch:not(.vertical) .item.flex-6, .smart-stack-layout.vertical.vertical-stretch .item.flex-6 {
480
+ flex: 6;
481
+ }
482
+ .smart-stack-layout:not(.vertical).vertical-stretch, .smart-stack-layout.stretch.vertical {
483
+ align-items: stretch;
484
484
  }