@tabler/core 1.0.0-beta → 1.0.0-beta5

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 (106) hide show
  1. package/README.md +11 -0
  2. package/dist/.DS_Store +0 -0
  3. package/dist/css/demo.css +55 -23
  4. package/dist/css/demo.min.css +3 -3
  5. package/dist/css/demo.rtl.css +55 -23
  6. package/dist/css/demo.rtl.min.css +3 -3
  7. package/dist/css/tabler-flags.css +7 -3
  8. package/dist/css/tabler-flags.min.css +3 -3
  9. package/dist/css/tabler-flags.rtl.css +7 -3
  10. package/dist/css/tabler-flags.rtl.min.css +3 -3
  11. package/dist/css/tabler-payments.css +6 -2
  12. package/dist/css/tabler-payments.min.css +3 -3
  13. package/dist/css/tabler-payments.rtl.css +6 -2
  14. package/dist/css/tabler-payments.rtl.min.css +3 -3
  15. package/dist/css/tabler-vendors.css +463 -370
  16. package/dist/css/tabler-vendors.min.css +3 -3
  17. package/dist/css/tabler-vendors.rtl.css +463 -370
  18. package/dist/css/tabler-vendors.rtl.min.css +3 -3
  19. package/dist/css/tabler.css +2165 -1401
  20. package/dist/css/tabler.min.css +8 -3
  21. package/dist/css/tabler.rtl.css +2166 -1402
  22. package/dist/css/tabler.rtl.min.css +8 -3
  23. package/dist/js/demo.js +151 -0
  24. package/dist/js/demo.min.js +9 -0
  25. package/dist/js/tabler.esm.js +7791 -0
  26. package/dist/js/tabler.esm.min.js +9 -0
  27. package/dist/js/tabler.js +2422 -2708
  28. package/dist/js/tabler.min.js +3 -3
  29. package/dist/libs/apexcharts/dist/apexcharts.min.js +5 -5
  30. package/dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js +2 -2
  31. package/dist/libs/countup.js/dist/countUp.js +3 -3
  32. package/dist/libs/litepicker/dist/litepicker.js +3 -3
  33. package/dist/libs/nouislider/dist/nouislider.min.js +1 -0
  34. package/dist/libs/tom-select/dist/js/tom-select.base.min.js +300 -0
  35. package/package.json +85 -29
  36. package/src/js/demo.js +98 -0
  37. package/src/js/{autosize.js → src/autosize.js} +0 -0
  38. package/src/js/src/dropdown.js +9 -0
  39. package/src/js/{input-mask.js → src/input-mask.js} +0 -0
  40. package/src/js/{popover.js → src/popover.js} +0 -0
  41. package/src/js/{switch-icon.js → src/switch-icon.js} +0 -0
  42. package/src/js/src/tab.js +14 -0
  43. package/src/js/{toast.js → src/toast.js} +0 -0
  44. package/src/js/{tooltip.js → src/tooltip.js} +0 -0
  45. package/src/js/tabler.esm.js +10 -0
  46. package/src/js/tabler.js +12 -7
  47. package/src/scss/_bootstrap-components.scss +3 -0
  48. package/src/scss/_bootstrap-config.scss +1 -0
  49. package/src/scss/{_tabler-core.scss → _core.scss} +2 -1
  50. package/src/scss/_mixins-override.scss +3 -3
  51. package/src/scss/_utilities.scss +12 -2
  52. package/src/scss/_variables.scss +123 -72
  53. package/src/scss/demo/_examples.scss +11 -2
  54. package/src/scss/demo.scss +31 -2
  55. package/src/scss/layout/_core.scss +23 -5
  56. package/src/scss/layout/_dark.scss +168 -0
  57. package/src/scss/layout/_footer.scss +2 -5
  58. package/src/scss/layout/_navbar.scss +17 -9
  59. package/src/scss/layout/_page.scss +79 -14
  60. package/src/scss/mixins/_functions.scss +2 -6
  61. package/src/scss/mixins/_mixins.scss +18 -29
  62. package/src/scss/tabler-vendors.scss +2 -2
  63. package/src/scss/tabler.scss +1 -1
  64. package/src/scss/ui/_accordion.scss +1 -0
  65. package/src/scss/ui/_alerts.scss +8 -3
  66. package/src/scss/ui/_avatars.scss +15 -6
  67. package/src/scss/ui/_badges.scss +11 -0
  68. package/src/scss/ui/_breadcrumbs.scss +8 -14
  69. package/src/scss/ui/_buttons.scss +30 -39
  70. package/src/scss/ui/_calendars.scss +3 -3
  71. package/src/scss/ui/_cards.scss +36 -13
  72. package/src/scss/ui/_flags.scss +1 -1
  73. package/src/scss/ui/_forms.scss +9 -10
  74. package/src/scss/ui/_grid.scss +6 -6
  75. package/src/scss/ui/_icons.scss +4 -3
  76. package/src/scss/ui/_images.scss +1 -1
  77. package/src/scss/ui/_legend.scss +1 -1
  78. package/src/scss/ui/_lists.scss +2 -2
  79. package/src/scss/ui/_markdown.scss +13 -30
  80. package/src/scss/ui/_modals.scss +2 -2
  81. package/src/scss/ui/_nav.scss +26 -33
  82. package/src/scss/ui/_offcanvas.scss +21 -0
  83. package/src/scss/ui/_progress.scss +2 -1
  84. package/src/scss/ui/_ribbons.scss +7 -2
  85. package/src/scss/ui/_skeleton.scss +1 -1
  86. package/src/scss/ui/_steps.scss +2 -2
  87. package/src/scss/ui/_switch-icon.scss +5 -5
  88. package/src/scss/ui/_tables.scss +4 -2
  89. package/src/scss/ui/_type.scss +8 -8
  90. package/src/scss/ui/forms/_form-check.scss +11 -3
  91. package/src/scss/ui/forms/_form-colorinput.scss +1 -1
  92. package/src/scss/ui/forms/_form-imagecheck.scss +5 -5
  93. package/src/scss/ui/forms/_form-selectgroup.scss +9 -3
  94. package/src/scss/ui/forms/_validation.scss +1 -1
  95. package/src/scss/utils/_background.scss +2 -2
  96. package/src/scss/utils/_colors.scss +28 -16
  97. package/src/scss/utils/_opacity.scss +1 -1
  98. package/src/scss/vendor/_apexcharts.scss +1 -47
  99. package/src/scss/vendor/_litepicker.scss +5 -2
  100. package/src/scss/vendor/_nouislider.scss +3 -3
  101. package/src/scss/vendor/_tom-select.scss +12 -0
  102. package/dist/libs/choices.js/public/assets/scripts/choices.js +0 -5603
  103. package/dist/libs/nouislider/distribute/nouislider.min.js +0 -2
  104. package/src/js/dropdown.js +0 -40
  105. package/src/scss/_dark.scss +0 -105
  106. package/src/scss/vendor/_choices.scss +0 -61
package/README.md CHANGED
@@ -39,6 +39,11 @@ We've created this admin panel for everyone who wants to create templates based
39
39
  * **Demo pages**: Tabler features over 20 individual pages using various components, which gives you the freedom to choose and combine. All components can vary in color and styling that you can easily modify using Sass. Sky is the limit!
40
40
  * **Single Page Application versions:** [Tabler React](https://github.com/tabler/tabler-react) has React components for Tabler.
41
41
 
42
+
43
+ ## Documentation
44
+
45
+ Documentation is available as a part of Tabler preview: https://preview.tabler.io/docs/
46
+
42
47
  ## Sponsor Tabler
43
48
 
44
49
  <a href="https://github.com/sponsors/codecalm" target="_blank"><img src="/src/static/sponsor-banner-readme.png?raw=true" alt="Sponsor Tabler" /></a>
@@ -143,6 +148,12 @@ Thank you to all our backers! 🙏 [Become a backer](https://opencollective.com/
143
148
 
144
149
  <a href="https://opencollective.com/tabler#backers" target="_blank"><img src="https://opencollective.com/tabler/tiers/backer.svg?width=890&button=false" /></a>
145
150
 
151
+ ## Thanks
152
+
153
+ <a href="https://www.chromatic.com/"><img src="https://user-images.githubusercontent.com/321738/84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png" width="153" height="30" alt="Chromatic" /></a>
154
+
155
+ Thanks to [Chromatic](https://www.chromatic.com/) for providing the visual testing platform that helps us review UI changes and catch visual regressions.
156
+
146
157
  ## License
147
158
 
148
159
  See the [LICENSE](https://github.com/tabler/tabler/blob/master/LICENSE) file.
package/dist/.DS_Store CHANGED
Binary file
package/dist/css/demo.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta (https://tabler.io)
3
- * @version 1.0.0-beta
2
+ * Tabler v1.0.0-beta5 (https://tabler.io)
3
+ * @version 1.0.0-beta5
4
4
  * @link https://tabler.io
5
5
  * Copyright 2018-2021 The Tabler Authors
6
6
  * Copyright 2018-2021 codecalm.net Paweł Kuna
@@ -17,21 +17,26 @@ pre.highlight,
17
17
  .highlight pre::-webkit-scrollbar {
18
18
  width: 6px;
19
19
  height: 6px;
20
- -webkit-transition: .3s background;
21
- transition: .3s background; }
20
+ -webkit-transition: background 0.3s;
21
+ transition: background 0.3s; }
22
+ @media (prefers-reduced-motion: reduce) {
23
+ pre.highlight::-webkit-scrollbar,
24
+ .highlight pre::-webkit-scrollbar {
25
+ -webkit-transition: none;
26
+ transition: none; } }
22
27
  pre.highlight::-webkit-scrollbar-thumb,
23
28
  .highlight pre::-webkit-scrollbar-thumb {
24
29
  border-radius: 5px;
25
- background: #a0a6ae; }
30
+ background: rgba(var(--tblr-body-color-rgb), 0.16); }
26
31
  pre.highlight::-webkit-scrollbar-track,
27
32
  .highlight pre::-webkit-scrollbar-track {
28
- background: #e7eaef; }
33
+ background: rgba(var(--tblr-body-color-rgb), 0.06); }
34
+ pre.highlight:hover::-webkit-scrollbar-thumb,
35
+ .highlight pre:hover::-webkit-scrollbar-thumb {
36
+ background: rgba(var(--tblr-body-color-rgb), 0.32); }
29
37
  pre.highlight::-webkit-scrollbar-corner,
30
38
  .highlight pre::-webkit-scrollbar-corner {
31
39
  background: transparent; }
32
- pre.highlight:hover::-webkit-scrollbar-thumb,
33
- .highlight pre:hover::-webkit-scrollbar-thumb {
34
- background: #a0a6ae; }
35
40
 
36
41
  .highlight {
37
42
  margin: 0; }
@@ -183,8 +188,8 @@ pre.highlight,
183
188
 
184
189
  .example {
185
190
  padding: 2rem;
186
- margin: 2rem 0;
187
- border: 1px solid #e6e8e9;
191
+ margin: 1rem 0 2rem;
192
+ border: 1px solid #e6e7e9;
188
193
  border-radius: 3px 3px 0 0;
189
194
  position: relative;
190
195
  min-height: 12rem;
@@ -200,18 +205,18 @@ pre.highlight,
200
205
  .example-content {
201
206
  font-size: 0.875rem;
202
207
  line-height: 1.4285714;
203
- color: #232e3c;
208
+ color: #1e293b;
204
209
  flex: 1;
205
210
  max-width: 100%; }
206
211
  .example-content .page-header {
207
212
  margin-bottom: 0; }
208
213
 
209
214
  .example-bg {
210
- background: #f4f6fa; }
215
+ background: #f8fafc; }
211
216
 
212
217
  .example-code {
213
218
  margin: 2rem 0;
214
- border: 1px solid #e6e8e9;
219
+ border: 1px solid #e6e7e9;
215
220
  border-top: none; }
216
221
  .example-code pre {
217
222
  margin: 0;
@@ -232,7 +237,7 @@ pre.highlight,
232
237
  max-width: 52rem; }
233
238
 
234
239
  .example-modal-backdrop {
235
- background: #232e3c;
240
+ background: #1e293b;
236
241
  opacity: 0.24;
237
242
  position: absolute;
238
243
  width: 100%;
@@ -242,13 +247,13 @@ pre.highlight,
242
247
  border-radius: 2px 2px 0 0; }
243
248
 
244
249
  @media not print {
250
+ .theme-dark .example {
251
+ background-color: #1b2434;
252
+ border-color: #2c3c56; }
253
+ .theme-dark .example-content {
254
+ color: #f8fafc; }
245
255
  .theme-dark .example-code {
246
- border: 1px solid #e6e8e9;
247
- border-top: none; } }
248
-
249
- @media not print and (prefers-color-scheme: dark) {
250
- .theme-dark-auto .example-code {
251
- border: 1px solid #e6e8e9;
256
+ border-color: #2c3c56;
252
257
  border-top: none; } }
253
258
 
254
259
  .card-sponsor {
@@ -318,8 +323,8 @@ body.no-transitions * {
318
323
  height: 7rem;
319
324
  text-align: center;
320
325
  padding: .5rem;
321
- border-right: 1px solid #e6e8e9;
322
- border-bottom: 1px solid #e6e8e9;
326
+ border-right: 1px solid var(--tblr-border-color);
327
+ border-bottom: 1px solid var(--tblr-border-color);
323
328
  color: inherit;
324
329
  cursor: pointer; }
325
330
  .demo-icons-list-item .icon {
@@ -328,3 +333,30 @@ body.no-transitions * {
328
333
  font-size: 1.5rem; }
329
334
  .demo-icons-list-item:hover {
330
335
  text-decoration: none; }
336
+
337
+ .settings-btn {
338
+ position: fixed;
339
+ right: -1px;
340
+ top: 10rem;
341
+ border-top-right-radius: 0;
342
+ border-bottom-right-radius: 0;
343
+ box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0; }
344
+
345
+ .settings-scheme {
346
+ display: inline-block;
347
+ border-radius: 50%;
348
+ height: 3rem;
349
+ width: 3rem;
350
+ position: relative;
351
+ border: 1px solid var(--tblr-border-color);
352
+ box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0; }
353
+ .settings-scheme-light {
354
+ background: linear-gradient(135deg, #ffffff 50%, #f8fafc 50%); }
355
+ .settings-scheme-mixed {
356
+ background-image: linear-gradient(135deg, #1e293b 50%, #fff 50%); }
357
+ .settings-scheme-transparent {
358
+ background: #f8fafc; }
359
+ .settings-scheme-dark {
360
+ background: #1e293b; }
361
+ .settings-scheme-colored {
362
+ background-image: linear-gradient(135deg, var(--tblr-primary) 50%, #f8fafc 50%); }
package/dist/css/demo.min.css CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta (https://tabler.io)
3
- * @version 1.0.0-beta
2
+ * Tabler v1.0.0-beta5 (https://tabler.io)
3
+ * @version 1.0.0-beta5
4
4
  * @link https://tabler.io
5
5
  * Copyright 2018-2021 The Tabler Authors
6
6
  * Copyright 2018-2021 codecalm.net Paweł Kuna
7
7
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
8
8
  */
9
- .highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:85.7142857%;border-radius:4px}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:#a0a6ae}.highlight pre::-webkit-scrollbar-track,pre.highlight::-webkit-scrollbar-track{background:#e7eaef}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#a0a6ae}.highlight{margin:0}.highlight code>*{margin:0!important;padding:0!important}.highlight .dl{color:#4070a0}.highlight .c{color:#727272}.highlight .c1{color:#727272}.highlight .ch{font-style:italic;color:#60a0b0}.highlight .cm{color:#727272}.highlight .cp{color:#008085}.highlight .cpf{color:#007020}.highlight .cs{color:#727272}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .gl{text-decoration:underline}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gr{color:red}.highlight .gs{font-weight:700}.highlight .gt{color:#9c6}.highlight .gu{color:#030}.highlight .il{color:#c24f19}.highlight .k{color:#069}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#c24f19}.highlight .mf{color:#c24f19}.highlight .mb{color:#40a070}.highlight .mh{color:#c24f19}.highlight .mi{color:#c24f19}.highlight .mo{color:#c24f19}.highlight .na{color:#006ee0}.highlight .nb{color:#366}.highlight .nc{color:#168174}.highlight .nd{color:#6b62de}.highlight .ne{color:#c00}.highlight .nf{color:#b715f4}.highlight .ni{color:#727272}.highlight .nl{color:#6b62de}.highlight .nn{color:#007ca5}.highlight .no{color:#360}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .o{color:#555}.highlight .ow{color:#000}.highlight .s{color:#d73038}.highlight .s1{color:#c30}.highlight .s2{color:#c30}.highlight .sa{color:#4070a0}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sr{color:#337e7e}.highlight .ss{color:#fc3}.highlight .sx{color:#c30}.highlight .w{color:#bbb}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-bash .m,.highlight .language-sh .m{color:inherit}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.example{padding:2rem;margin:2rem 0;border:1px solid #e6e8e9;border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;line-height:1.4285714;color:#232e3c;flex:1;max-width:100%}.example-content .page-header{margin-bottom:0}.example-bg{background:#f4f6fa}.example-code{margin:2rem 0;border:1px solid #e6e8e9;border-top:none}.example-code pre{margin:0;border:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:26rem}.example-column-2{max-width:52rem}.example-modal-backdrop{background:#232e3c;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid #e6e8e9;border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid #e6e8e9;border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview i,.demo-icon-preview svg{width:15rem;height:15rem;font-size:15rem;stroke-width:1.5;margin:0 auto;display:block}@media (max-width:575.98px){.demo-icon-preview i,.demo-icon-preview svg{width:10rem;height:10rem;font-size:10rem}}.demo-icon-preview-icon pre{margin:0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.demo-dividers>p{opacity:.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.demo-icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 -2px -1px 0;list-style:none}.demo-icons-list>*{flex:1 0 7rem}.demo-icons-list-wrap{overflow:hidden}.demo-icons-list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:7rem;text-align:center;padding:.5rem;border-right:1px solid #e6e8e9;border-bottom:1px solid #e6e8e9;color:inherit;cursor:pointer}.demo-icons-list-item .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.demo-icons-list-item:hover{text-decoration:none}
9
+ .highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:85.7142857%;border-radius:4px}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{-webkit-transition:none;transition:none}}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(var(--tblr-body-color-rgb),.16)}.highlight pre::-webkit-scrollbar-track,pre.highlight::-webkit-scrollbar-track{background:rgba(var(--tblr-body-color-rgb),.06)}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:rgba(var(--tblr-body-color-rgb),.32)}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight{margin:0}.highlight code>*{margin:0!important;padding:0!important}.highlight .dl{color:#4070a0}.highlight .c{color:#727272}.highlight .c1{color:#727272}.highlight .ch{font-style:italic;color:#60a0b0}.highlight .cm{color:#727272}.highlight .cp{color:#008085}.highlight .cpf{color:#007020}.highlight .cs{color:#727272}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .gl{text-decoration:underline}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gr{color:red}.highlight .gs{font-weight:700}.highlight .gt{color:#9c6}.highlight .gu{color:#030}.highlight .il{color:#c24f19}.highlight .k{color:#069}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#c24f19}.highlight .mf{color:#c24f19}.highlight .mb{color:#40a070}.highlight .mh{color:#c24f19}.highlight .mi{color:#c24f19}.highlight .mo{color:#c24f19}.highlight .na{color:#006ee0}.highlight .nb{color:#366}.highlight .nc{color:#168174}.highlight .nd{color:#6b62de}.highlight .ne{color:#c00}.highlight .nf{color:#b715f4}.highlight .ni{color:#727272}.highlight .nl{color:#6b62de}.highlight .nn{color:#007ca5}.highlight .no{color:#360}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .o{color:#555}.highlight .ow{color:#000}.highlight .s{color:#d73038}.highlight .s1{color:#c30}.highlight .s2{color:#c30}.highlight .sa{color:#4070a0}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sr{color:#337e7e}.highlight .ss{color:#fc3}.highlight .sx{color:#c30}.highlight .w{color:#bbb}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-bash .m,.highlight .language-sh .m{color:inherit}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.example{padding:2rem;margin:1rem 0 2rem;border:1px solid #e6e7e9;border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;line-height:1.4285714;color:#1e293b;flex:1;max-width:100%}.example-content .page-header{margin-bottom:0}.example-bg{background:#f8fafc}.example-code{margin:2rem 0;border:1px solid #e6e7e9;border-top:none}.example-code pre{margin:0;border:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:26rem}.example-column-2{max-width:52rem}.example-modal-backdrop{background:#1e293b;opacity:.24;position:absolute;width:100%;left:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example{background-color:#1b2434;border-color:#2c3c56}.theme-dark .example-content{color:#f8fafc}.theme-dark .example-code{border-color:#2c3c56;border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview i,.demo-icon-preview svg{width:15rem;height:15rem;font-size:15rem;stroke-width:1.5;margin:0 auto;display:block}@media (max-width:575.98px){.demo-icon-preview i,.demo-icon-preview svg{width:10rem;height:10rem;font-size:10rem}}.demo-icon-preview-icon pre{margin:0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.demo-dividers>p{opacity:.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.demo-icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 -2px -1px 0;list-style:none}.demo-icons-list>*{flex:1 0 7rem}.demo-icons-list-wrap{overflow:hidden}.demo-icons-list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:7rem;text-align:center;padding:.5rem;border-right:1px solid var(--tblr-border-color);border-bottom:1px solid var(--tblr-border-color);color:inherit;cursor:pointer}.demo-icons-list-item .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.demo-icons-list-item:hover{text-decoration:none}.settings-btn{position:fixed;right:-1px;top:10rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:rgba(30,41,59,.04) 0 2px 4px 0}.settings-scheme{display:inline-block;border-radius:50%;height:3rem;width:3rem;position:relative;border:1px solid var(--tblr-border-color);box-shadow:rgba(30,41,59,.04) 0 2px 4px 0}.settings-scheme-light{background:linear-gradient(135deg,#fff 50%,#f8fafc 50%)}.settings-scheme-mixed{background-image:linear-gradient(135deg,#1e293b 50%,#fff 50%)}.settings-scheme-transparent{background:#f8fafc}.settings-scheme-dark{background:#1e293b}.settings-scheme-colored{background-image:linear-gradient(135deg,var(--tblr-primary) 50%,#f8fafc 50%)}
package/dist/css/demo.rtl.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta (https://tabler.io)
3
- * @version 1.0.0-beta
2
+ * Tabler v1.0.0-beta5 (https://tabler.io)
3
+ * @version 1.0.0-beta5
4
4
  * @link https://tabler.io
5
5
  * Copyright 2018-2021 The Tabler Authors
6
6
  * Copyright 2018-2021 codecalm.net Paweł Kuna
@@ -17,21 +17,26 @@ pre.highlight,
17
17
  .highlight pre::-webkit-scrollbar {
18
18
  width: 6px;
19
19
  height: 6px;
20
- -webkit-transition: .3s background;
21
- transition: .3s background; }
20
+ -webkit-transition: background 0.3s;
21
+ transition: background 0.3s; }
22
+ @media (prefers-reduced-motion: reduce) {
23
+ pre.highlight::-webkit-scrollbar,
24
+ .highlight pre::-webkit-scrollbar {
25
+ -webkit-transition: none;
26
+ transition: none; } }
22
27
  pre.highlight::-webkit-scrollbar-thumb,
23
28
  .highlight pre::-webkit-scrollbar-thumb {
24
29
  border-radius: 5px;
25
- background: #a0a6ae; }
30
+ background: rgba(var(--tblr-body-color-rgb), 0.16); }
26
31
  pre.highlight::-webkit-scrollbar-track,
27
32
  .highlight pre::-webkit-scrollbar-track {
28
- background: #e7eaef; }
33
+ background: rgba(var(--tblr-body-color-rgb), 0.06); }
34
+ pre.highlight:hover::-webkit-scrollbar-thumb,
35
+ .highlight pre:hover::-webkit-scrollbar-thumb {
36
+ background: rgba(var(--tblr-body-color-rgb), 0.32); }
29
37
  pre.highlight::-webkit-scrollbar-corner,
30
38
  .highlight pre::-webkit-scrollbar-corner {
31
39
  background: transparent; }
32
- pre.highlight:hover::-webkit-scrollbar-thumb,
33
- .highlight pre:hover::-webkit-scrollbar-thumb {
34
- background: #a0a6ae; }
35
40
 
36
41
  .highlight {
37
42
  margin: 0; }
@@ -183,8 +188,8 @@ pre.highlight,
183
188
 
184
189
  .example {
185
190
  padding: 2rem;
186
- margin: 2rem 0;
187
- border: 1px solid #e6e8e9;
191
+ margin: 1rem 0 2rem;
192
+ border: 1px solid #e6e7e9;
188
193
  border-radius: 3px 3px 0 0;
189
194
  position: relative;
190
195
  min-height: 12rem;
@@ -200,18 +205,18 @@ pre.highlight,
200
205
  .example-content {
201
206
  font-size: 0.875rem;
202
207
  line-height: 1.4285714;
203
- color: #232e3c;
208
+ color: #1e293b;
204
209
  flex: 1;
205
210
  max-width: 100%; }
206
211
  .example-content .page-header {
207
212
  margin-bottom: 0; }
208
213
 
209
214
  .example-bg {
210
- background: #f4f6fa; }
215
+ background: #f8fafc; }
211
216
 
212
217
  .example-code {
213
218
  margin: 2rem 0;
214
- border: 1px solid #e6e8e9;
219
+ border: 1px solid #e6e7e9;
215
220
  border-top: none; }
216
221
  .example-code pre {
217
222
  margin: 0;
@@ -232,7 +237,7 @@ pre.highlight,
232
237
  max-width: 52rem; }
233
238
 
234
239
  .example-modal-backdrop {
235
- background: #232e3c;
240
+ background: #1e293b;
236
241
  opacity: 0.24;
237
242
  position: absolute;
238
243
  width: 100%;
@@ -242,13 +247,13 @@ pre.highlight,
242
247
  border-radius: 2px 2px 0 0; }
243
248
 
244
249
  @media not print {
250
+ .theme-dark .example {
251
+ background-color: #1b2434;
252
+ border-color: #2c3c56; }
253
+ .theme-dark .example-content {
254
+ color: #f8fafc; }
245
255
  .theme-dark .example-code {
246
- border: 1px solid #e6e8e9;
247
- border-top: none; } }
248
-
249
- @media not print and (prefers-color-scheme: dark) {
250
- .theme-dark-auto .example-code {
251
- border: 1px solid #e6e8e9;
256
+ border-color: #2c3c56;
252
257
  border-top: none; } }
253
258
 
254
259
  .card-sponsor {
@@ -318,8 +323,8 @@ body.no-transitions * {
318
323
  height: 7rem;
319
324
  text-align: center;
320
325
  padding: .5rem;
321
- border-left: 1px solid #e6e8e9;
322
- border-bottom: 1px solid #e6e8e9;
326
+ border-left: 1px solid var(--tblr-border-color);
327
+ border-bottom: 1px solid var(--tblr-border-color);
323
328
  color: inherit;
324
329
  cursor: pointer; }
325
330
  .demo-icons-list-item .icon {
@@ -328,3 +333,30 @@ body.no-transitions * {
328
333
  font-size: 1.5rem; }
329
334
  .demo-icons-list-item:hover {
330
335
  text-decoration: none; }
336
+
337
+ .settings-btn {
338
+ position: fixed;
339
+ left: -1px;
340
+ top: 10rem;
341
+ border-top-left-radius: 0;
342
+ border-bottom-left-radius: 0;
343
+ box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0; }
344
+
345
+ .settings-scheme {
346
+ display: inline-block;
347
+ border-radius: 50%;
348
+ height: 3rem;
349
+ width: 3rem;
350
+ position: relative;
351
+ border: 1px solid var(--tblr-border-color);
352
+ box-shadow: rgba(30, 41, 59, 0.04) 0 2px 4px 0; }
353
+ .settings-scheme-light {
354
+ background: linear-gradient(-135deg, #ffffff 50%, #f8fafc 50%); }
355
+ .settings-scheme-mixed {
356
+ background-image: linear-gradient(-135deg, #1e293b 50%, #fff 50%); }
357
+ .settings-scheme-transparent {
358
+ background: #f8fafc; }
359
+ .settings-scheme-dark {
360
+ background: #1e293b; }
361
+ .settings-scheme-colored {
362
+ background-image: linear-gradient(-135deg, var(--tblr-primary) 50%, #f8fafc 50%); }
package/dist/css/demo.rtl.min.css CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta (https://tabler.io)
3
- * @version 1.0.0-beta
2
+ * Tabler v1.0.0-beta5 (https://tabler.io)
3
+ * @version 1.0.0-beta5
4
4
  * @link https://tabler.io
5
5
  * Copyright 2018-2021 The Tabler Authors
6
6
  * Copyright 2018-2021 codecalm.net Paweł Kuna
7
7
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
8
8
  */
9
- .highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:85.7142857%;border-radius:4px}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:.3s background;transition:.3s background}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:#a0a6ae}.highlight pre::-webkit-scrollbar-track,pre.highlight::-webkit-scrollbar-track{background:#e7eaef}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:#a0a6ae}.highlight{margin:0}.highlight code>*{margin:0!important;padding:0!important}.highlight .dl{color:#4070a0}.highlight .c{color:#727272}.highlight .c1{color:#727272}.highlight .ch{font-style:italic;color:#60a0b0}.highlight .cm{color:#727272}.highlight .cp{color:#008085}.highlight .cpf{color:#007020}.highlight .cs{color:#727272}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .gl{text-decoration:underline}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gr{color:red}.highlight .gs{font-weight:700}.highlight .gt{color:#9c6}.highlight .gu{color:#030}.highlight .il{color:#c24f19}.highlight .k{color:#069}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#c24f19}.highlight .mf{color:#c24f19}.highlight .mb{color:#40a070}.highlight .mh{color:#c24f19}.highlight .mi{color:#c24f19}.highlight .mo{color:#c24f19}.highlight .na{color:#006ee0}.highlight .nb{color:#366}.highlight .nc{color:#168174}.highlight .nd{color:#6b62de}.highlight .ne{color:#c00}.highlight .nf{color:#b715f4}.highlight .ni{color:#727272}.highlight .nl{color:#6b62de}.highlight .nn{color:#007ca5}.highlight .no{color:#360}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .o{color:#555}.highlight .ow{color:#000}.highlight .s{color:#d73038}.highlight .s1{color:#c30}.highlight .s2{color:#c30}.highlight .sa{color:#4070a0}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sr{color:#337e7e}.highlight .ss{color:#fc3}.highlight .sx{color:#c30}.highlight .w{color:#bbb}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-bash .m,.highlight .language-sh .m{color:inherit}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.example{padding:2rem;margin:2rem 0;border:1px solid #e6e8e9;border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;line-height:1.4285714;color:#232e3c;flex:1;max-width:100%}.example-content .page-header{margin-bottom:0}.example-bg{background:#f4f6fa}.example-code{margin:2rem 0;border:1px solid #e6e8e9;border-top:none}.example-code pre{margin:0;border:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:26rem}.example-column-2{max-width:52rem}.example-modal-backdrop{background:#232e3c;opacity:.24;position:absolute;width:100%;right:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example-code{border:1px solid #e6e8e9;border-top:none}}@media not print and (prefers-color-scheme:dark){.theme-dark-auto .example-code{border:1px solid #e6e8e9;border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview i,.demo-icon-preview svg{width:15rem;height:15rem;font-size:15rem;stroke-width:1.5;margin:0 auto;display:block}@media (max-width:575.98px){.demo-icon-preview i,.demo-icon-preview svg{width:10rem;height:10rem;font-size:10rem}}.demo-icon-preview-icon pre{margin:0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.demo-dividers>p{opacity:.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.demo-icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 0 -1px -2px;list-style:none}.demo-icons-list>*{flex:1 0 7rem}.demo-icons-list-wrap{overflow:hidden}.demo-icons-list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:7rem;text-align:center;padding:.5rem;border-left:1px solid #e6e8e9;border-bottom:1px solid #e6e8e9;color:inherit;cursor:pointer}.demo-icons-list-item .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.demo-icons-list-item:hover{text-decoration:none}
9
+ .highlight pre,pre.highlight{max-height:30rem;margin:1.5rem 0;overflow:auto;font-size:85.7142857%;border-radius:4px}.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{width:6px;height:6px;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){.highlight pre::-webkit-scrollbar,pre.highlight::-webkit-scrollbar{-webkit-transition:none;transition:none}}.highlight pre::-webkit-scrollbar-thumb,pre.highlight::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(var(--tblr-body-color-rgb),.16)}.highlight pre::-webkit-scrollbar-track,pre.highlight::-webkit-scrollbar-track{background:rgba(var(--tblr-body-color-rgb),.06)}.highlight pre:hover::-webkit-scrollbar-thumb,pre.highlight:hover::-webkit-scrollbar-thumb{background:rgba(var(--tblr-body-color-rgb),.32)}.highlight pre::-webkit-scrollbar-corner,pre.highlight::-webkit-scrollbar-corner{background:0 0}.highlight{margin:0}.highlight code>*{margin:0!important;padding:0!important}.highlight .dl{color:#4070a0}.highlight .c{color:#727272}.highlight .c1{color:#727272}.highlight .ch{font-style:italic;color:#60a0b0}.highlight .cm{color:#727272}.highlight .cp{color:#008085}.highlight .cpf{color:#007020}.highlight .cs{color:#727272}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .gl{text-decoration:underline}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gr{color:red}.highlight .gs{font-weight:700}.highlight .gt{color:#9c6}.highlight .gu{color:#030}.highlight .il{color:#c24f19}.highlight .k{color:#069}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#c24f19}.highlight .mf{color:#c24f19}.highlight .mb{color:#40a070}.highlight .mh{color:#c24f19}.highlight .mi{color:#c24f19}.highlight .mo{color:#c24f19}.highlight .na{color:#006ee0}.highlight .nb{color:#366}.highlight .nc{color:#168174}.highlight .nd{color:#6b62de}.highlight .ne{color:#c00}.highlight .nf{color:#b715f4}.highlight .ni{color:#727272}.highlight .nl{color:#6b62de}.highlight .nn{color:#007ca5}.highlight .no{color:#360}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .o{color:#555}.highlight .ow{color:#000}.highlight .s{color:#d73038}.highlight .s1{color:#c30}.highlight .s2{color:#c30}.highlight .sa{color:#4070a0}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{font-style:italic;color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sr{color:#337e7e}.highlight .ss{color:#fc3}.highlight .sx{color:#c30}.highlight .w{color:#bbb}.highlight .language-bash::before,.highlight .language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.highlight .language-bash .m,.highlight .language-sh .m{color:inherit}.highlight .language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.example{padding:2rem;margin:1rem 0 2rem;border:1px solid #e6e7e9;border-radius:3px 3px 0 0;position:relative;min-height:12rem;display:flex;align-items:center;overflow-x:auto}.example-centered{justify-content:center}.example-centered .example-content{flex:0 auto}.example-content{font-size:.875rem;line-height:1.4285714;color:#1e293b;flex:1;max-width:100%}.example-content .page-header{margin-bottom:0}.example-bg{background:#f8fafc}.example-code{margin:2rem 0;border:1px solid #e6e7e9;border-top:none}.example-code pre{margin:0;border:0;border-radius:0 0 3px 3px}.example+.example-code{margin-top:-2rem}.example-column{margin:0 auto}.example-column>.card:last-of-type{margin-bottom:0}.example-column-1{max-width:26rem}.example-column-2{max-width:52rem}.example-modal-backdrop{background:#1e293b;opacity:.24;position:absolute;width:100%;right:0;top:0;height:100%;border-radius:2px 2px 0 0}@media not print{.theme-dark .example{background-color:#1b2434;border-color:#2c3c56}.theme-dark .example-content{color:#f8fafc}.theme-dark .example-code{border-color:#2c3c56;border-top:none}}.card-sponsor{background:#dbe7f6 no-repeat center/100% 100%;border-color:#548ed2;min-height:316px}body.no-transitions *{transition:none!important}.dropdown-menu-demo{display:inline-block;width:100%;position:relative;top:0;margin-bottom:1rem}.demo-icon-preview{position:-webkit-sticky;position:sticky;top:0}.demo-icon-preview i,.demo-icon-preview svg{width:15rem;height:15rem;font-size:15rem;stroke-width:1.5;margin:0 auto;display:block}@media (max-width:575.98px){.demo-icon-preview i,.demo-icon-preview svg{width:10rem;height:10rem;font-size:10rem}}.demo-icon-preview-icon pre{margin:0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.demo-dividers>p{opacity:.2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.demo-icons-list{display:flex;flex-wrap:wrap;padding:0;margin:0 0 -1px -2px;list-style:none}.demo-icons-list>*{flex:1 0 7rem}.demo-icons-list-wrap{overflow:hidden}.demo-icons-list-item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:7rem;text-align:center;padding:.5rem;border-left:1px solid var(--tblr-border-color);border-bottom:1px solid var(--tblr-border-color);color:inherit;cursor:pointer}.demo-icons-list-item .icon{width:1.5rem;height:1.5rem;font-size:1.5rem}.demo-icons-list-item:hover{text-decoration:none}.settings-btn{position:fixed;left:-1px;top:10rem;border-top-left-radius:0;border-bottom-left-radius:0;box-shadow:rgba(30,41,59,.04) 0 2px 4px 0}.settings-scheme{display:inline-block;border-radius:50%;height:3rem;width:3rem;position:relative;border:1px solid var(--tblr-border-color);box-shadow:rgba(30,41,59,.04) 0 2px 4px 0}.settings-scheme-light{background:linear-gradient(-135deg,#fff 50%,#f8fafc 50%)}.settings-scheme-mixed{background-image:linear-gradient(-135deg,#1e293b 50%,#fff 50%)}.settings-scheme-transparent{background:#f8fafc}.settings-scheme-dark{background:#1e293b}.settings-scheme-colored{background-image:linear-gradient(-135deg,var(--tblr-primary) 50%,#f8fafc 50%)}
package/dist/css/tabler-flags.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta (https://tabler.io)
3
- * @version 1.0.0-beta
2
+ * Tabler v1.0.0-beta5 (https://tabler.io)
3
+ * @version 1.0.0-beta5
4
4
  * @link https://tabler.io
5
5
  * Copyright 2018-2021 The Tabler Authors
6
6
  * Copyright 2018-2021 codecalm.net Paweł Kuna
@@ -15,7 +15,7 @@
15
15
  background-repeat: no-repeat;
16
16
  background-position: center;
17
17
  background-size: cover;
18
- border: 1px solid #e6e8e9;
18
+ border: 1px solid var(--tblr-border-color);
19
19
  border-radius: 3px; }
20
20
 
21
21
  .flag-country-ad {
@@ -805,3 +805,7 @@
805
805
  .flag-xl {
806
806
  width: 7rem;
807
807
  height: 5.25rem; }
808
+
809
+ .flag-2xl {
810
+ width: 11rem;
811
+ height: 8.25rem; }
package/dist/css/tabler-flags.min.css CHANGED
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta (https://tabler.io)
3
- * @version 1.0.0-beta
2
+ * Tabler v1.0.0-beta5 (https://tabler.io)
3
+ * @version 1.0.0-beta5
4
4
  * @link https://tabler.io
5
5
  * Copyright 2018-2021 The Tabler Authors
6
6
  * Copyright 2018-2021 codecalm.net Paweł Kuna
7
7
  * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
8
8
  */
9
- .flag{position:relative;display:inline-block;width:1.33333em;height:1em;vertical-align:-3px;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid #e6e8e9;border-radius:3px}.flag-country-ad{background-image:url(../img/flags/ad.svg)}.flag-country-ae{background-image:url(../img/flags/ae.svg)}.flag-country-af{background-image:url(../img/flags/af.svg)}.flag-country-ag{background-image:url(../img/flags/ag.svg)}.flag-country-ai{background-image:url(../img/flags/ai.svg)}.flag-country-al{background-image:url(../img/flags/al.svg)}.flag-country-am{background-image:url(../img/flags/am.svg)}.flag-country-ao{background-image:url(../img/flags/ao.svg)}.flag-country-aq{background-image:url(../img/flags/aq.svg)}.flag-country-ar{background-image:url(../img/flags/ar.svg)}.flag-country-as{background-image:url(../img/flags/as.svg)}.flag-country-at{background-image:url(../img/flags/at.svg)}.flag-country-au{background-image:url(../img/flags/au.svg)}.flag-country-aw{background-image:url(../img/flags/aw.svg)}.flag-country-ax{background-image:url(../img/flags/ax.svg)}.flag-country-az{background-image:url(../img/flags/az.svg)}.flag-country-ba{background-image:url(../img/flags/ba.svg)}.flag-country-bb{background-image:url(../img/flags/bb.svg)}.flag-country-bd{background-image:url(../img/flags/bd.svg)}.flag-country-be{background-image:url(../img/flags/be.svg)}.flag-country-bf{background-image:url(../img/flags/bf.svg)}.flag-country-bg{background-image:url(../img/flags/bg.svg)}.flag-country-bh{background-image:url(../img/flags/bh.svg)}.flag-country-bi{background-image:url(../img/flags/bi.svg)}.flag-country-bj{background-image:url(../img/flags/bj.svg)}.flag-country-bl{background-image:url(../img/flags/bl.svg)}.flag-country-bm{background-image:url(../img/flags/bm.svg)}.flag-country-bn{background-image:url(../img/flags/bn.svg)}.flag-country-bo{background-image:url(../img/flags/bo.svg)}.flag-country-bq{background-image:url(../img/flags/bq.svg)}.flag-country-br{background-image:url(../img/flags/br.svg)}.flag-country-bs{background-image:url(../img/flags/bs.svg)}.flag-country-bt{background-image:url(../img/flags/bt.svg)}.flag-country-bv{background-image:url(../img/flags/bv.svg)}.flag-country-bw{background-image:url(../img/flags/bw.svg)}.flag-country-by{background-image:url(../img/flags/by.svg)}.flag-country-bz{background-image:url(../img/flags/bz.svg)}.flag-country-ca{background-image:url(../img/flags/ca.svg)}.flag-country-cc{background-image:url(../img/flags/cc.svg)}.flag-country-cd{background-image:url(../img/flags/cd.svg)}.flag-country-cf{background-image:url(../img/flags/cf.svg)}.flag-country-cg{background-image:url(../img/flags/cg.svg)}.flag-country-ch{background-image:url(../img/flags/ch.svg)}.flag-country-ci{background-image:url(../img/flags/ci.svg)}.flag-country-ck{background-image:url(../img/flags/ck.svg)}.flag-country-cl{background-image:url(../img/flags/cl.svg)}.flag-country-cm{background-image:url(../img/flags/cm.svg)}.flag-country-cn{background-image:url(../img/flags/cn.svg)}.flag-country-co{background-image:url(../img/flags/co.svg)}.flag-country-cr{background-image:url(../img/flags/cr.svg)}.flag-country-cu{background-image:url(../img/flags/cu.svg)}.flag-country-cv{background-image:url(../img/flags/cv.svg)}.flag-country-cw{background-image:url(../img/flags/cw.svg)}.flag-country-cx{background-image:url(../img/flags/cx.svg)}.flag-country-cy{background-image:url(../img/flags/cy.svg)}.flag-country-cz{background-image:url(../img/flags/cz.svg)}.flag-country-de{background-image:url(../img/flags/de.svg)}.flag-country-dj{background-image:url(../img/flags/dj.svg)}.flag-country-dk{background-image:url(../img/flags/dk.svg)}.flag-country-dm{background-image:url(../img/flags/dm.svg)}.flag-country-do{background-image:url(../img/flags/do.svg)}.flag-country-dz{background-image:url(../img/flags/dz.svg)}.flag-country-ec{background-image:url(../img/flags/ec.svg)}.flag-country-ee{background-image:url(../img/flags/ee.svg)}.flag-country-eg{background-image:url(../img/flags/eg.svg)}.flag-country-eh{background-image:url(../img/flags/eh.svg)}.flag-country-er{background-image:url(../img/flags/er.svg)}.flag-country-es{background-image:url(../img/flags/es.svg)}.flag-country-et{background-image:url(../img/flags/et.svg)}.flag-country-fi{background-image:url(../img/flags/fi.svg)}.flag-country-fj{background-image:url(../img/flags/fj.svg)}.flag-country-fk{background-image:url(../img/flags/fk.svg)}.flag-country-fm{background-image:url(../img/flags/fm.svg)}.flag-country-fo{background-image:url(../img/flags/fo.svg)}.flag-country-fr{background-image:url(../img/flags/fr.svg)}.flag-country-ga{background-image:url(../img/flags/ga.svg)}.flag-country-gb{background-image:url(../img/flags/gb.svg)}.flag-country-gd{background-image:url(../img/flags/gd.svg)}.flag-country-ge{background-image:url(../img/flags/ge.svg)}.flag-country-gf{background-image:url(../img/flags/gf.svg)}.flag-country-gg{background-image:url(../img/flags/gg.svg)}.flag-country-gh{background-image:url(../img/flags/gh.svg)}.flag-country-gi{background-image:url(../img/flags/gi.svg)}.flag-country-gl{background-image:url(../img/flags/gl.svg)}.flag-country-gm{background-image:url(../img/flags/gm.svg)}.flag-country-gn{background-image:url(../img/flags/gn.svg)}.flag-country-gp{background-image:url(../img/flags/gp.svg)}.flag-country-gq{background-image:url(../img/flags/gq.svg)}.flag-country-gr{background-image:url(../img/flags/gr.svg)}.flag-country-gs{background-image:url(../img/flags/gs.svg)}.flag-country-gt{background-image:url(../img/flags/gt.svg)}.flag-country-gu{background-image:url(../img/flags/gu.svg)}.flag-country-gw{background-image:url(../img/flags/gw.svg)}.flag-country-gy{background-image:url(../img/flags/gy.svg)}.flag-country-hk{background-image:url(../img/flags/hk.svg)}.flag-country-hm{background-image:url(../img/flags/hm.svg)}.flag-country-hn{background-image:url(../img/flags/hn.svg)}.flag-country-hr{background-image:url(../img/flags/hr.svg)}.flag-country-ht{background-image:url(../img/flags/ht.svg)}.flag-country-hu{background-image:url(../img/flags/hu.svg)}.flag-country-id{background-image:url(../img/flags/id.svg)}.flag-country-ie{background-image:url(../img/flags/ie.svg)}.flag-country-il{background-image:url(../img/flags/il.svg)}.flag-country-im{background-image:url(../img/flags/im.svg)}.flag-country-in{background-image:url(../img/flags/in.svg)}.flag-country-io{background-image:url(../img/flags/io.svg)}.flag-country-iq{background-image:url(../img/flags/iq.svg)}.flag-country-ir{background-image:url(../img/flags/ir.svg)}.flag-country-is{background-image:url(../img/flags/is.svg)}.flag-country-it{background-image:url(../img/flags/it.svg)}.flag-country-je{background-image:url(../img/flags/je.svg)}.flag-country-jm{background-image:url(../img/flags/jm.svg)}.flag-country-jo{background-image:url(../img/flags/jo.svg)}.flag-country-jp{background-image:url(../img/flags/jp.svg)}.flag-country-ke{background-image:url(../img/flags/ke.svg)}.flag-country-kg{background-image:url(../img/flags/kg.svg)}.flag-country-kh{background-image:url(../img/flags/kh.svg)}.flag-country-ki{background-image:url(../img/flags/ki.svg)}.flag-country-km{background-image:url(../img/flags/km.svg)}.flag-country-kn{background-image:url(../img/flags/kn.svg)}.flag-country-kp{background-image:url(../img/flags/kp.svg)}.flag-country-kr{background-image:url(../img/flags/kr.svg)}.flag-country-kw{background-image:url(../img/flags/kw.svg)}.flag-country-ky{background-image:url(../img/flags/ky.svg)}.flag-country-kz{background-image:url(../img/flags/kz.svg)}.flag-country-la{background-image:url(../img/flags/la.svg)}.flag-country-lb{background-image:url(../img/flags/lb.svg)}.flag-country-lc{background-image:url(../img/flags/lc.svg)}.flag-country-li{background-image:url(../img/flags/li.svg)}.flag-country-lk{background-image:url(../img/flags/lk.svg)}.flag-country-lr{background-image:url(../img/flags/lr.svg)}.flag-country-ls{background-image:url(../img/flags/ls.svg)}.flag-country-lt{background-image:url(../img/flags/lt.svg)}.flag-country-lu{background-image:url(../img/flags/lu.svg)}.flag-country-lv{background-image:url(../img/flags/lv.svg)}.flag-country-ly{background-image:url(../img/flags/ly.svg)}.flag-country-ma{background-image:url(../img/flags/ma.svg)}.flag-country-mc{background-image:url(../img/flags/mc.svg)}.flag-country-md{background-image:url(../img/flags/md.svg)}.flag-country-me{background-image:url(../img/flags/me.svg)}.flag-country-mf{background-image:url(../img/flags/mf.svg)}.flag-country-mg{background-image:url(../img/flags/mg.svg)}.flag-country-mh{background-image:url(../img/flags/mh.svg)}.flag-country-mk{background-image:url(../img/flags/mk.svg)}.flag-country-ml{background-image:url(../img/flags/ml.svg)}.flag-country-mm{background-image:url(../img/flags/mm.svg)}.flag-country-mn{background-image:url(../img/flags/mn.svg)}.flag-country-mo{background-image:url(../img/flags/mo.svg)}.flag-country-mp{background-image:url(../img/flags/mp.svg)}.flag-country-mq{background-image:url(../img/flags/mq.svg)}.flag-country-mr{background-image:url(../img/flags/mr.svg)}.flag-country-ms{background-image:url(../img/flags/ms.svg)}.flag-country-mt{background-image:url(../img/flags/mt.svg)}.flag-country-mu{background-image:url(../img/flags/mu.svg)}.flag-country-mv{background-image:url(../img/flags/mv.svg)}.flag-country-mw{background-image:url(../img/flags/mw.svg)}.flag-country-mx{background-image:url(../img/flags/mx.svg)}.flag-country-my{background-image:url(../img/flags/my.svg)}.flag-country-mz{background-image:url(../img/flags/mz.svg)}.flag-country-na{background-image:url(../img/flags/na.svg)}.flag-country-nc{background-image:url(../img/flags/nc.svg)}.flag-country-ne{background-image:url(../img/flags/ne.svg)}.flag-country-nf{background-image:url(../img/flags/nf.svg)}.flag-country-ng{background-image:url(../img/flags/ng.svg)}.flag-country-ni{background-image:url(../img/flags/ni.svg)}.flag-country-nl{background-image:url(../img/flags/nl.svg)}.flag-country-no{background-image:url(../img/flags/no.svg)}.flag-country-np{background-image:url(../img/flags/np.svg)}.flag-country-nr{background-image:url(../img/flags/nr.svg)}.flag-country-nu{background-image:url(../img/flags/nu.svg)}.flag-country-nz{background-image:url(../img/flags/nz.svg)}.flag-country-om{background-image:url(../img/flags/om.svg)}.flag-country-pa{background-image:url(../img/flags/pa.svg)}.flag-country-pe{background-image:url(../img/flags/pe.svg)}.flag-country-pf{background-image:url(../img/flags/pf.svg)}.flag-country-pg{background-image:url(../img/flags/pg.svg)}.flag-country-ph{background-image:url(../img/flags/ph.svg)}.flag-country-pk{background-image:url(../img/flags/pk.svg)}.flag-country-pl{background-image:url(../img/flags/pl.svg)}.flag-country-pm{background-image:url(../img/flags/pm.svg)}.flag-country-pn{background-image:url(../img/flags/pn.svg)}.flag-country-pr{background-image:url(../img/flags/pr.svg)}.flag-country-ps{background-image:url(../img/flags/ps.svg)}.flag-country-pt{background-image:url(../img/flags/pt.svg)}.flag-country-pw{background-image:url(../img/flags/pw.svg)}.flag-country-py{background-image:url(../img/flags/py.svg)}.flag-country-qa{background-image:url(../img/flags/qa.svg)}.flag-country-re{background-image:url(../img/flags/re.svg)}.flag-country-ro{background-image:url(../img/flags/ro.svg)}.flag-country-rs{background-image:url(../img/flags/rs.svg)}.flag-country-ru{background-image:url(../img/flags/ru.svg)}.flag-country-rw{background-image:url(../img/flags/rw.svg)}.flag-country-sa{background-image:url(../img/flags/sa.svg)}.flag-country-sb{background-image:url(../img/flags/sb.svg)}.flag-country-sc{background-image:url(../img/flags/sc.svg)}.flag-country-sd{background-image:url(../img/flags/sd.svg)}.flag-country-se{background-image:url(../img/flags/se.svg)}.flag-country-sg{background-image:url(../img/flags/sg.svg)}.flag-country-sh{background-image:url(../img/flags/sh.svg)}.flag-country-si{background-image:url(../img/flags/si.svg)}.flag-country-sj{background-image:url(../img/flags/sj.svg)}.flag-country-sk{background-image:url(../img/flags/sk.svg)}.flag-country-sl{background-image:url(../img/flags/sl.svg)}.flag-country-sm{background-image:url(../img/flags/sm.svg)}.flag-country-sn{background-image:url(../img/flags/sn.svg)}.flag-country-so{background-image:url(../img/flags/so.svg)}.flag-country-sr{background-image:url(../img/flags/sr.svg)}.flag-country-ss{background-image:url(../img/flags/ss.svg)}.flag-country-st{background-image:url(../img/flags/st.svg)}.flag-country-sv{background-image:url(../img/flags/sv.svg)}.flag-country-sx{background-image:url(../img/flags/sx.svg)}.flag-country-sy{background-image:url(../img/flags/sy.svg)}.flag-country-sz{background-image:url(../img/flags/sz.svg)}.flag-country-tc{background-image:url(../img/flags/tc.svg)}.flag-country-td{background-image:url(../img/flags/td.svg)}.flag-country-tf{background-image:url(../img/flags/tf.svg)}.flag-country-tg{background-image:url(../img/flags/tg.svg)}.flag-country-th{background-image:url(../img/flags/th.svg)}.flag-country-tj{background-image:url(../img/flags/tj.svg)}.flag-country-tk{background-image:url(../img/flags/tk.svg)}.flag-country-tl{background-image:url(../img/flags/tl.svg)}.flag-country-tm{background-image:url(../img/flags/tm.svg)}.flag-country-tn{background-image:url(../img/flags/tn.svg)}.flag-country-to{background-image:url(../img/flags/to.svg)}.flag-country-tr{background-image:url(../img/flags/tr.svg)}.flag-country-tt{background-image:url(../img/flags/tt.svg)}.flag-country-tv{background-image:url(../img/flags/tv.svg)}.flag-country-tw{background-image:url(../img/flags/tw.svg)}.flag-country-tz{background-image:url(../img/flags/tz.svg)}.flag-country-ua{background-image:url(../img/flags/ua.svg)}.flag-country-ug{background-image:url(../img/flags/ug.svg)}.flag-country-um{background-image:url(../img/flags/um.svg)}.flag-country-us{background-image:url(../img/flags/us.svg)}.flag-country-uy{background-image:url(../img/flags/uy.svg)}.flag-country-uz{background-image:url(../img/flags/uz.svg)}.flag-country-va{background-image:url(../img/flags/va.svg)}.flag-country-vc{background-image:url(../img/flags/vc.svg)}.flag-country-ve{background-image:url(../img/flags/ve.svg)}.flag-country-vg{background-image:url(../img/flags/vg.svg)}.flag-country-vi{background-image:url(../img/flags/vi.svg)}.flag-country-vn{background-image:url(../img/flags/vn.svg)}.flag-country-vu{background-image:url(../img/flags/vu.svg)}.flag-country-wf{background-image:url(../img/flags/wf.svg)}.flag-country-ws{background-image:url(../img/flags/ws.svg)}.flag-country-ye{background-image:url(../img/flags/ye.svg)}.flag-country-yt{background-image:url(../img/flags/yt.svg)}.flag-country-za{background-image:url(../img/flags/za.svg)}.flag-country-zm{background-image:url(../img/flags/zm.svg)}.flag-country-zw{background-image:url(../img/flags/zw.svg)}.flag-country-es-ct{background-image:url(../img/flags/es-ct.svg)}.flag-country-eu{background-image:url(../img/flags/eu.svg)}.flag-country-gb-eng{background-image:url(../img/flags/gb-eng.svg)}.flag-country-gb-nir{background-image:url(../img/flags/gb-nir.svg)}.flag-country-gb-sct{background-image:url(../img/flags/gb-sct.svg)}.flag-country-gb-wls{background-image:url(../img/flags/gb-wls.svg)}.flag-country-un{background-image:url(../img/flags/un.svg)}.flag-xs{width:1.25rem;height:.9375rem}.flag-sm{width:2rem;height:1.5rem}.flag-md{width:3.75rem;height:2.8125rem}.flag-lg{width:5rem;height:3.75rem}.flag-xl{width:7rem;height:5.25rem}
9
+ .flag{position:relative;display:inline-block;width:1.33333em;height:1em;vertical-align:-3px;background-repeat:no-repeat;background-position:center;background-size:cover;border:1px solid var(--tblr-border-color);border-radius:3px}.flag-country-ad{background-image:url(../img/flags/ad.svg)}.flag-country-ae{background-image:url(../img/flags/ae.svg)}.flag-country-af{background-image:url(../img/flags/af.svg)}.flag-country-ag{background-image:url(../img/flags/ag.svg)}.flag-country-ai{background-image:url(../img/flags/ai.svg)}.flag-country-al{background-image:url(../img/flags/al.svg)}.flag-country-am{background-image:url(../img/flags/am.svg)}.flag-country-ao{background-image:url(../img/flags/ao.svg)}.flag-country-aq{background-image:url(../img/flags/aq.svg)}.flag-country-ar{background-image:url(../img/flags/ar.svg)}.flag-country-as{background-image:url(../img/flags/as.svg)}.flag-country-at{background-image:url(../img/flags/at.svg)}.flag-country-au{background-image:url(../img/flags/au.svg)}.flag-country-aw{background-image:url(../img/flags/aw.svg)}.flag-country-ax{background-image:url(../img/flags/ax.svg)}.flag-country-az{background-image:url(../img/flags/az.svg)}.flag-country-ba{background-image:url(../img/flags/ba.svg)}.flag-country-bb{background-image:url(../img/flags/bb.svg)}.flag-country-bd{background-image:url(../img/flags/bd.svg)}.flag-country-be{background-image:url(../img/flags/be.svg)}.flag-country-bf{background-image:url(../img/flags/bf.svg)}.flag-country-bg{background-image:url(../img/flags/bg.svg)}.flag-country-bh{background-image:url(../img/flags/bh.svg)}.flag-country-bi{background-image:url(../img/flags/bi.svg)}.flag-country-bj{background-image:url(../img/flags/bj.svg)}.flag-country-bl{background-image:url(../img/flags/bl.svg)}.flag-country-bm{background-image:url(../img/flags/bm.svg)}.flag-country-bn{background-image:url(../img/flags/bn.svg)}.flag-country-bo{background-image:url(../img/flags/bo.svg)}.flag-country-bq{background-image:url(../img/flags/bq.svg)}.flag-country-br{background-image:url(../img/flags/br.svg)}.flag-country-bs{background-image:url(../img/flags/bs.svg)}.flag-country-bt{background-image:url(../img/flags/bt.svg)}.flag-country-bv{background-image:url(../img/flags/bv.svg)}.flag-country-bw{background-image:url(../img/flags/bw.svg)}.flag-country-by{background-image:url(../img/flags/by.svg)}.flag-country-bz{background-image:url(../img/flags/bz.svg)}.flag-country-ca{background-image:url(../img/flags/ca.svg)}.flag-country-cc{background-image:url(../img/flags/cc.svg)}.flag-country-cd{background-image:url(../img/flags/cd.svg)}.flag-country-cf{background-image:url(../img/flags/cf.svg)}.flag-country-cg{background-image:url(../img/flags/cg.svg)}.flag-country-ch{background-image:url(../img/flags/ch.svg)}.flag-country-ci{background-image:url(../img/flags/ci.svg)}.flag-country-ck{background-image:url(../img/flags/ck.svg)}.flag-country-cl{background-image:url(../img/flags/cl.svg)}.flag-country-cm{background-image:url(../img/flags/cm.svg)}.flag-country-cn{background-image:url(../img/flags/cn.svg)}.flag-country-co{background-image:url(../img/flags/co.svg)}.flag-country-cr{background-image:url(../img/flags/cr.svg)}.flag-country-cu{background-image:url(../img/flags/cu.svg)}.flag-country-cv{background-image:url(../img/flags/cv.svg)}.flag-country-cw{background-image:url(../img/flags/cw.svg)}.flag-country-cx{background-image:url(../img/flags/cx.svg)}.flag-country-cy{background-image:url(../img/flags/cy.svg)}.flag-country-cz{background-image:url(../img/flags/cz.svg)}.flag-country-de{background-image:url(../img/flags/de.svg)}.flag-country-dj{background-image:url(../img/flags/dj.svg)}.flag-country-dk{background-image:url(../img/flags/dk.svg)}.flag-country-dm{background-image:url(../img/flags/dm.svg)}.flag-country-do{background-image:url(../img/flags/do.svg)}.flag-country-dz{background-image:url(../img/flags/dz.svg)}.flag-country-ec{background-image:url(../img/flags/ec.svg)}.flag-country-ee{background-image:url(../img/flags/ee.svg)}.flag-country-eg{background-image:url(../img/flags/eg.svg)}.flag-country-eh{background-image:url(../img/flags/eh.svg)}.flag-country-er{background-image:url(../img/flags/er.svg)}.flag-country-es{background-image:url(../img/flags/es.svg)}.flag-country-et{background-image:url(../img/flags/et.svg)}.flag-country-fi{background-image:url(../img/flags/fi.svg)}.flag-country-fj{background-image:url(../img/flags/fj.svg)}.flag-country-fk{background-image:url(../img/flags/fk.svg)}.flag-country-fm{background-image:url(../img/flags/fm.svg)}.flag-country-fo{background-image:url(../img/flags/fo.svg)}.flag-country-fr{background-image:url(../img/flags/fr.svg)}.flag-country-ga{background-image:url(../img/flags/ga.svg)}.flag-country-gb{background-image:url(../img/flags/gb.svg)}.flag-country-gd{background-image:url(../img/flags/gd.svg)}.flag-country-ge{background-image:url(../img/flags/ge.svg)}.flag-country-gf{background-image:url(../img/flags/gf.svg)}.flag-country-gg{background-image:url(../img/flags/gg.svg)}.flag-country-gh{background-image:url(../img/flags/gh.svg)}.flag-country-gi{background-image:url(../img/flags/gi.svg)}.flag-country-gl{background-image:url(../img/flags/gl.svg)}.flag-country-gm{background-image:url(../img/flags/gm.svg)}.flag-country-gn{background-image:url(../img/flags/gn.svg)}.flag-country-gp{background-image:url(../img/flags/gp.svg)}.flag-country-gq{background-image:url(../img/flags/gq.svg)}.flag-country-gr{background-image:url(../img/flags/gr.svg)}.flag-country-gs{background-image:url(../img/flags/gs.svg)}.flag-country-gt{background-image:url(../img/flags/gt.svg)}.flag-country-gu{background-image:url(../img/flags/gu.svg)}.flag-country-gw{background-image:url(../img/flags/gw.svg)}.flag-country-gy{background-image:url(../img/flags/gy.svg)}.flag-country-hk{background-image:url(../img/flags/hk.svg)}.flag-country-hm{background-image:url(../img/flags/hm.svg)}.flag-country-hn{background-image:url(../img/flags/hn.svg)}.flag-country-hr{background-image:url(../img/flags/hr.svg)}.flag-country-ht{background-image:url(../img/flags/ht.svg)}.flag-country-hu{background-image:url(../img/flags/hu.svg)}.flag-country-id{background-image:url(../img/flags/id.svg)}.flag-country-ie{background-image:url(../img/flags/ie.svg)}.flag-country-il{background-image:url(../img/flags/il.svg)}.flag-country-im{background-image:url(../img/flags/im.svg)}.flag-country-in{background-image:url(../img/flags/in.svg)}.flag-country-io{background-image:url(../img/flags/io.svg)}.flag-country-iq{background-image:url(../img/flags/iq.svg)}.flag-country-ir{background-image:url(../img/flags/ir.svg)}.flag-country-is{background-image:url(../img/flags/is.svg)}.flag-country-it{background-image:url(../img/flags/it.svg)}.flag-country-je{background-image:url(../img/flags/je.svg)}.flag-country-jm{background-image:url(../img/flags/jm.svg)}.flag-country-jo{background-image:url(../img/flags/jo.svg)}.flag-country-jp{background-image:url(../img/flags/jp.svg)}.flag-country-ke{background-image:url(../img/flags/ke.svg)}.flag-country-kg{background-image:url(../img/flags/kg.svg)}.flag-country-kh{background-image:url(../img/flags/kh.svg)}.flag-country-ki{background-image:url(../img/flags/ki.svg)}.flag-country-km{background-image:url(../img/flags/km.svg)}.flag-country-kn{background-image:url(../img/flags/kn.svg)}.flag-country-kp{background-image:url(../img/flags/kp.svg)}.flag-country-kr{background-image:url(../img/flags/kr.svg)}.flag-country-kw{background-image:url(../img/flags/kw.svg)}.flag-country-ky{background-image:url(../img/flags/ky.svg)}.flag-country-kz{background-image:url(../img/flags/kz.svg)}.flag-country-la{background-image:url(../img/flags/la.svg)}.flag-country-lb{background-image:url(../img/flags/lb.svg)}.flag-country-lc{background-image:url(../img/flags/lc.svg)}.flag-country-li{background-image:url(../img/flags/li.svg)}.flag-country-lk{background-image:url(../img/flags/lk.svg)}.flag-country-lr{background-image:url(../img/flags/lr.svg)}.flag-country-ls{background-image:url(../img/flags/ls.svg)}.flag-country-lt{background-image:url(../img/flags/lt.svg)}.flag-country-lu{background-image:url(../img/flags/lu.svg)}.flag-country-lv{background-image:url(../img/flags/lv.svg)}.flag-country-ly{background-image:url(../img/flags/ly.svg)}.flag-country-ma{background-image:url(../img/flags/ma.svg)}.flag-country-mc{background-image:url(../img/flags/mc.svg)}.flag-country-md{background-image:url(../img/flags/md.svg)}.flag-country-me{background-image:url(../img/flags/me.svg)}.flag-country-mf{background-image:url(../img/flags/mf.svg)}.flag-country-mg{background-image:url(../img/flags/mg.svg)}.flag-country-mh{background-image:url(../img/flags/mh.svg)}.flag-country-mk{background-image:url(../img/flags/mk.svg)}.flag-country-ml{background-image:url(../img/flags/ml.svg)}.flag-country-mm{background-image:url(../img/flags/mm.svg)}.flag-country-mn{background-image:url(../img/flags/mn.svg)}.flag-country-mo{background-image:url(../img/flags/mo.svg)}.flag-country-mp{background-image:url(../img/flags/mp.svg)}.flag-country-mq{background-image:url(../img/flags/mq.svg)}.flag-country-mr{background-image:url(../img/flags/mr.svg)}.flag-country-ms{background-image:url(../img/flags/ms.svg)}.flag-country-mt{background-image:url(../img/flags/mt.svg)}.flag-country-mu{background-image:url(../img/flags/mu.svg)}.flag-country-mv{background-image:url(../img/flags/mv.svg)}.flag-country-mw{background-image:url(../img/flags/mw.svg)}.flag-country-mx{background-image:url(../img/flags/mx.svg)}.flag-country-my{background-image:url(../img/flags/my.svg)}.flag-country-mz{background-image:url(../img/flags/mz.svg)}.flag-country-na{background-image:url(../img/flags/na.svg)}.flag-country-nc{background-image:url(../img/flags/nc.svg)}.flag-country-ne{background-image:url(../img/flags/ne.svg)}.flag-country-nf{background-image:url(../img/flags/nf.svg)}.flag-country-ng{background-image:url(../img/flags/ng.svg)}.flag-country-ni{background-image:url(../img/flags/ni.svg)}.flag-country-nl{background-image:url(../img/flags/nl.svg)}.flag-country-no{background-image:url(../img/flags/no.svg)}.flag-country-np{background-image:url(../img/flags/np.svg)}.flag-country-nr{background-image:url(../img/flags/nr.svg)}.flag-country-nu{background-image:url(../img/flags/nu.svg)}.flag-country-nz{background-image:url(../img/flags/nz.svg)}.flag-country-om{background-image:url(../img/flags/om.svg)}.flag-country-pa{background-image:url(../img/flags/pa.svg)}.flag-country-pe{background-image:url(../img/flags/pe.svg)}.flag-country-pf{background-image:url(../img/flags/pf.svg)}.flag-country-pg{background-image:url(../img/flags/pg.svg)}.flag-country-ph{background-image:url(../img/flags/ph.svg)}.flag-country-pk{background-image:url(../img/flags/pk.svg)}.flag-country-pl{background-image:url(../img/flags/pl.svg)}.flag-country-pm{background-image:url(../img/flags/pm.svg)}.flag-country-pn{background-image:url(../img/flags/pn.svg)}.flag-country-pr{background-image:url(../img/flags/pr.svg)}.flag-country-ps{background-image:url(../img/flags/ps.svg)}.flag-country-pt{background-image:url(../img/flags/pt.svg)}.flag-country-pw{background-image:url(../img/flags/pw.svg)}.flag-country-py{background-image:url(../img/flags/py.svg)}.flag-country-qa{background-image:url(../img/flags/qa.svg)}.flag-country-re{background-image:url(../img/flags/re.svg)}.flag-country-ro{background-image:url(../img/flags/ro.svg)}.flag-country-rs{background-image:url(../img/flags/rs.svg)}.flag-country-ru{background-image:url(../img/flags/ru.svg)}.flag-country-rw{background-image:url(../img/flags/rw.svg)}.flag-country-sa{background-image:url(../img/flags/sa.svg)}.flag-country-sb{background-image:url(../img/flags/sb.svg)}.flag-country-sc{background-image:url(../img/flags/sc.svg)}.flag-country-sd{background-image:url(../img/flags/sd.svg)}.flag-country-se{background-image:url(../img/flags/se.svg)}.flag-country-sg{background-image:url(../img/flags/sg.svg)}.flag-country-sh{background-image:url(../img/flags/sh.svg)}.flag-country-si{background-image:url(../img/flags/si.svg)}.flag-country-sj{background-image:url(../img/flags/sj.svg)}.flag-country-sk{background-image:url(../img/flags/sk.svg)}.flag-country-sl{background-image:url(../img/flags/sl.svg)}.flag-country-sm{background-image:url(../img/flags/sm.svg)}.flag-country-sn{background-image:url(../img/flags/sn.svg)}.flag-country-so{background-image:url(../img/flags/so.svg)}.flag-country-sr{background-image:url(../img/flags/sr.svg)}.flag-country-ss{background-image:url(../img/flags/ss.svg)}.flag-country-st{background-image:url(../img/flags/st.svg)}.flag-country-sv{background-image:url(../img/flags/sv.svg)}.flag-country-sx{background-image:url(../img/flags/sx.svg)}.flag-country-sy{background-image:url(../img/flags/sy.svg)}.flag-country-sz{background-image:url(../img/flags/sz.svg)}.flag-country-tc{background-image:url(../img/flags/tc.svg)}.flag-country-td{background-image:url(../img/flags/td.svg)}.flag-country-tf{background-image:url(../img/flags/tf.svg)}.flag-country-tg{background-image:url(../img/flags/tg.svg)}.flag-country-th{background-image:url(../img/flags/th.svg)}.flag-country-tj{background-image:url(../img/flags/tj.svg)}.flag-country-tk{background-image:url(../img/flags/tk.svg)}.flag-country-tl{background-image:url(../img/flags/tl.svg)}.flag-country-tm{background-image:url(../img/flags/tm.svg)}.flag-country-tn{background-image:url(../img/flags/tn.svg)}.flag-country-to{background-image:url(../img/flags/to.svg)}.flag-country-tr{background-image:url(../img/flags/tr.svg)}.flag-country-tt{background-image:url(../img/flags/tt.svg)}.flag-country-tv{background-image:url(../img/flags/tv.svg)}.flag-country-tw{background-image:url(../img/flags/tw.svg)}.flag-country-tz{background-image:url(../img/flags/tz.svg)}.flag-country-ua{background-image:url(../img/flags/ua.svg)}.flag-country-ug{background-image:url(../img/flags/ug.svg)}.flag-country-um{background-image:url(../img/flags/um.svg)}.flag-country-us{background-image:url(../img/flags/us.svg)}.flag-country-uy{background-image:url(../img/flags/uy.svg)}.flag-country-uz{background-image:url(../img/flags/uz.svg)}.flag-country-va{background-image:url(../img/flags/va.svg)}.flag-country-vc{background-image:url(../img/flags/vc.svg)}.flag-country-ve{background-image:url(../img/flags/ve.svg)}.flag-country-vg{background-image:url(../img/flags/vg.svg)}.flag-country-vi{background-image:url(../img/flags/vi.svg)}.flag-country-vn{background-image:url(../img/flags/vn.svg)}.flag-country-vu{background-image:url(../img/flags/vu.svg)}.flag-country-wf{background-image:url(../img/flags/wf.svg)}.flag-country-ws{background-image:url(../img/flags/ws.svg)}.flag-country-ye{background-image:url(../img/flags/ye.svg)}.flag-country-yt{background-image:url(../img/flags/yt.svg)}.flag-country-za{background-image:url(../img/flags/za.svg)}.flag-country-zm{background-image:url(../img/flags/zm.svg)}.flag-country-zw{background-image:url(../img/flags/zw.svg)}.flag-country-es-ct{background-image:url(../img/flags/es-ct.svg)}.flag-country-eu{background-image:url(../img/flags/eu.svg)}.flag-country-gb-eng{background-image:url(../img/flags/gb-eng.svg)}.flag-country-gb-nir{background-image:url(../img/flags/gb-nir.svg)}.flag-country-gb-sct{background-image:url(../img/flags/gb-sct.svg)}.flag-country-gb-wls{background-image:url(../img/flags/gb-wls.svg)}.flag-country-un{background-image:url(../img/flags/un.svg)}.flag-xs{width:1.25rem;height:.9375rem}.flag-sm{width:2rem;height:1.5rem}.flag-md{width:3.75rem;height:2.8125rem}.flag-lg{width:5rem;height:3.75rem}.flag-xl{width:7rem;height:5.25rem}.flag-2xl{width:11rem;height:8.25rem}
package/dist/css/tabler-flags.rtl.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
- * Tabler v1.0.0-beta (https://tabler.io)
3
- * @version 1.0.0-beta
2
+ * Tabler v1.0.0-beta5 (https://tabler.io)
3
+ * @version 1.0.0-beta5
4
4
  * @link https://tabler.io
5
5
  * Copyright 2018-2021 The Tabler Authors
6
6
  * Copyright 2018-2021 codecalm.net Paweł Kuna
@@ -15,7 +15,7 @@
15
15
  background-repeat: no-repeat;
16
16
  background-position: center;
17
17
  background-size: cover;
18
- border: 1px solid #e6e8e9;
18
+ border: 1px solid var(--tblr-border-color);
19
19
  border-radius: 3px; }
20
20
 
21
21
  .flag-country-ad {
@@ -805,3 +805,7 @@
805
805
  .flag-xl {
806
806
  width: 7rem;
807
807
  height: 5.25rem; }
808
+
809
+ .flag-2xl {
810
+ width: 11rem;
811
+ height: 8.25rem; }