@medyll/cssfabric 0.1.1 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (162) hide show
  1. package/.github/workflows/main.yml +33 -0
  2. package/.idea/cssfabric.iml +4 -1
  3. package/README.md +38 -240
  4. package/bin/index.js +2 -1
  5. package/{cssfabric.json → cssfabric.sass.js} +3 -3
  6. package/gulpfile.js +77 -143
  7. package/package.json +69 -69
  8. package/src/app.css +107 -0
  9. package/src/app.d.ts +15 -0
  10. package/src/app.html +13 -0
  11. package/src/components/Header.svelte +17 -0
  12. package/src/components/HeaderSiteTitle.svelte +12 -0
  13. package/src/components/InnerMenu.svelte +27 -0
  14. package/src/components/SubHeader.svelte +10 -0
  15. package/src/components/SubHeaderH.svelte +3 -0
  16. package/src/components/SubSubHeader.svelte +22 -0
  17. package/src/components/demo/DemoElement.svelte +86 -0
  18. package/src/components/demo/elements/DemoElementBackgroundColor.svelte +7 -0
  19. package/src/components/demo/elements/DemoElementBorder.svelte +8 -0
  20. package/src/components/demo/elements/DemoElementBorderColor.svelte +8 -0
  21. package/src/components/demo/elements/DemoElementColor.svelte +8 -0
  22. package/src/components/demo/elements/DemoElementGrid.svelte +53 -0
  23. package/src/components/demo/elements/DemoElementMargin.svelte +8 -0
  24. package/src/components/demo/elements/DemoElementPadding.svelte +10 -0
  25. package/src/components/demo/elements/DemoElementScale.svelte +9 -0
  26. package/src/components/demo/elements/DemoElementTable.svelte +34 -0
  27. package/src/components/demo/elements/DemoElementText.svelte +10 -0
  28. package/src/components/demo/proxy/ProxyDsp.svelte +12 -0
  29. package/src/components/demo/proxy/ProxyDspArray.svelte +19 -0
  30. package/src/components/demo/proxy/ProxyDspObject.svelte +17 -0
  31. package/src/components/docs/Docs.svelte +97 -0
  32. package/src/components/docs/DocsClassNames.svelte +34 -0
  33. package/src/components/docs/DocsDemo.svelte +84 -0
  34. package/src/components/header/Header.svelte +105 -0
  35. package/src/components/header/svelte-logo.svg +1 -0
  36. package/src/cssfabric/modules/_cssfabric-config.scss +27 -17
  37. package/src/cssfabric/modules/base/base.scss +1 -6
  38. package/src/cssfabric/modules/box/_box-build.scss +22 -3
  39. package/src/cssfabric/modules/box/_box-vars.scss +1 -1
  40. package/src/cssfabric/modules/color/_color-build.scss +4 -0
  41. package/src/cssfabric/modules/css-fabric.scss +1 -1
  42. package/src/cssfabric/modules/menu/_menu-build.scss +9 -8
  43. package/src/cssfabric/modules/scale/_scale-vars.scss +12 -2
  44. package/src/cssfabric/modules/theme/_theme-build.scss +21 -24
  45. package/src/cssfabric/modules/theme/_theme-vars.scss +9 -18
  46. package/src/cssfabric/modules/vars.scss +7 -8
  47. package/src/hooks.ts +27 -0
  48. package/src/index.ts +1 -1
  49. package/src/lib/_generated/cssFabric.vars.json +13 -0
  50. package/src/{_generated → lib/_generated}/export.variables.md +0 -0
  51. package/src/{_generated → lib/_generated}/index.d.ts +0 -0
  52. package/src/{_generated → lib/_generated}/readme.md +0 -0
  53. package/src/lib/init/importCssVars.ts +3 -0
  54. package/src/{scripts → lib/scripts}/cssfabric.ts +1 -1
  55. package/src/{scripts → lib/scripts}/cssfabricClassNames.ts +0 -0
  56. package/src/{scripts → lib/scripts}/index.d.ts +0 -0
  57. package/src/{scripts → lib/scripts}/index.ts +0 -0
  58. package/src/lib/scripts/utils.ts +37 -0
  59. package/{lib/styles/core → src/lib/styles}/animation/animation.css +0 -0
  60. package/{lib/styles/core → src/lib/styles}/animation/animation.min.css +0 -0
  61. package/{lib/styles/core → src/lib/styles}/base/base.css +0 -7
  62. package/src/lib/styles/base/base.min.css +1 -0
  63. package/{lib/styles/core → src/lib/styles}/box/box.css +127 -111
  64. package/src/lib/styles/box/box.min.css +1 -0
  65. package/{lib/styles/core → src/lib/styles}/box/box.responsive.css +508 -444
  66. package/src/lib/styles/box/box.responsive.min.css +1 -0
  67. package/{lib/styles/core → src/lib/styles}/color/color.css +12 -12
  68. package/src/lib/styles/color/color.min.css +1 -0
  69. package/{lib/styles/core → src/lib/styles}/color/color.responsive.css +48 -48
  70. package/src/lib/styles/color/color.responsive.min.css +1 -0
  71. package/src/lib/styles/cssfabric.css +61792 -0
  72. package/src/lib/styles/cssfabric.min.css +168 -0
  73. package/src/lib/styles/cssfabric.responsive.css +200596 -0
  74. package/src/lib/styles/cssfabric.responsive.min.css +108 -0
  75. package/{lib/styles/core → src/lib/styles}/flex/flex.css +0 -0
  76. package/src/lib/styles/flex/flex.min.css +1 -0
  77. package/{lib/styles/core → src/lib/styles}/flex/flex.responsive.css +0 -0
  78. package/src/lib/styles/flex/flex.responsive.min.css +1 -0
  79. package/{lib/styles/core → src/lib/styles}/grid/grid.css +0 -0
  80. package/src/lib/styles/grid/grid.min.css +1 -0
  81. package/{lib/styles/core → src/lib/styles}/grid/grid.responsive.css +0 -0
  82. package/src/lib/styles/grid/grid.responsive.min.css +1 -0
  83. package/{lib/styles/core → src/lib/styles}/menu/menu.css +16 -12
  84. package/src/lib/styles/menu/menu.min.css +1 -0
  85. package/{lib/styles/core → src/lib/styles}/menu/menu.responsive.css +64 -48
  86. package/src/lib/styles/menu/menu.responsive.min.css +1 -0
  87. package/{lib/styles/core → src/lib/styles}/overflow/overflow.css +0 -0
  88. package/{lib/styles/core → src/lib/styles}/overflow/overflow.min.css +0 -0
  89. package/{lib/styles/core → src/lib/styles}/overflow/overflow.responsive.css +0 -0
  90. package/src/lib/styles/overflow/overflow.responsive.min.css +1 -0
  91. package/{lib/styles/core → src/lib/styles}/scale/scale.css +0 -0
  92. package/{lib/styles/core → src/lib/styles}/scale/scale.min.css +0 -0
  93. package/{lib/styles/core → src/lib/styles}/scale/scale.responsive.css +0 -0
  94. package/src/lib/styles/scale/scale.responsive.min.css +1 -0
  95. package/{lib/styles/core → src/lib/styles}/table/table.css +0 -0
  96. package/src/lib/styles/table/table.min.css +1 -0
  97. package/{lib/styles/core → src/lib/styles}/table/table.responsive.css +0 -0
  98. package/src/lib/styles/table/table.responsive.min.css +1 -0
  99. package/{lib/styles/core → src/lib/styles}/text/text.css +0 -0
  100. package/src/lib/styles/text/text.min.css +1 -0
  101. package/{lib/styles/core → src/lib/styles}/text/text.responsive.css +0 -0
  102. package/src/lib/styles/text/text.responsive.min.css +1 -0
  103. package/{lib/styles/core → src/lib/styles}/theme/theme.css +0 -0
  104. package/{lib/styles/core → src/lib/styles}/theme/theme.min.css +0 -0
  105. package/{lib/styles/core → src/lib/styles}/vars.css +19 -15
  106. package/src/lib/styles/vars.min.css +1 -0
  107. package/{lib/styles/core → src/lib/styles}/zindex/zindex.css +0 -0
  108. package/{lib/styles/core → src/lib/styles}/zindex/zindex.min.css +0 -0
  109. package/src/routes/__layout.svelte +91 -0
  110. package/src/routes/cssfabric-modules/[module]/__layout.svelte +75 -0
  111. package/src/routes/cssfabric-modules/[module]/classnames/index.svelte +24 -0
  112. package/src/routes/cssfabric-modules/[module]/demo/index.svelte +24 -0
  113. package/src/routes/cssfabric-modules/[module]/docs/index.svelte +30 -0
  114. package/src/routes/cssfabric-modules/[module]/index.svelte +3 -0
  115. package/src/routes/cssfabric-modules/__layout.svelte +26 -0
  116. package/src/routes/cssfabric-modules/index.svelte +0 -0
  117. package/src/routes/index.svelte +62 -0
  118. package/src/routes/installation/__layout.svelte +1 -0
  119. package/src/routes/installation/index.svelte +28 -0
  120. package/src/scripts/utils.ts +26 -37
  121. package/src/utils.ts +71 -0
  122. package/static/favicon.png +0 -0
  123. package/static/robots.txt +3 -0
  124. package/svelte.config.js +25 -0
  125. package/tsconfig.json +3 -46
  126. package/webpack.config.js +2 -0
  127. package/cssfabric.config.js +0 -3
  128. package/lib/_generated/export.variables.json +0 -583
  129. package/lib/index.d.ts +0 -2
  130. package/lib/index.js +0 -7
  131. package/lib/scripts/cssfabric.d.ts +0 -24
  132. package/lib/scripts/cssfabric.js +0 -48
  133. package/lib/scripts/cssfabricClassNames.d.ts +0 -14
  134. package/lib/scripts/cssfabricClassNames.js +0 -150
  135. package/lib/scripts/index.d.ts +0 -2
  136. package/lib/scripts/index.js +0 -6
  137. package/lib/scripts/utils.d.ts +0 -5
  138. package/lib/scripts/utils.js +0 -40
  139. package/lib/styles/core/base/base.min.css +0 -1
  140. package/lib/styles/core/box/box.min.css +0 -1
  141. package/lib/styles/core/box/box.responsive.min.css +0 -1
  142. package/lib/styles/core/color/color.min.css +0 -1
  143. package/lib/styles/core/color/color.responsive.min.css +0 -1
  144. package/lib/styles/core/flex/flex.min.css +0 -1
  145. package/lib/styles/core/flex/flex.responsive.min.css +0 -1
  146. package/lib/styles/core/grid/grid.min.css +0 -1
  147. package/lib/styles/core/grid/grid.responsive.min.css +0 -1
  148. package/lib/styles/core/main.min.css +0 -1
  149. package/lib/styles/core/menu/menu.min.css +0 -1
  150. package/lib/styles/core/menu/menu.responsive.min.css +0 -1
  151. package/lib/styles/core/overflow/overflow.responsive.min.css +0 -1
  152. package/lib/styles/core/scale/scale.responsive.min.css +0 -1
  153. package/lib/styles/core/table/table.min.css +0 -1
  154. package/lib/styles/core/table/table.responsive.min.css +0 -1
  155. package/lib/styles/core/text/text.min.css +0 -1
  156. package/lib/styles/core/text/text.responsive.min.css +0 -1
  157. package/lib/styles/core/vars.min.css +0 -1
  158. package/lib/styles/cssfabric.css +0 -5143
  159. package/lib/styles/cssfabric.min.css +0 -15
  160. package/lib/styles/cssfabric.responsive.css +0 -16679
  161. package/lib/styles/cssfabric.responsive.min.css +0 -9
  162. package/src/_generated/export.variables.json +0 -759
package/lib/styles/cssfabric.css DELETED
@@ -1,5143 +0,0 @@
1
- /** Merged by Mydde *//* cssFabric vars */
2
- :root {
3
- /* theme primary colors*/
4
- --theme-color-primary: #431700;
5
- --theme-color-primary-light: #903100;
6
- --theme-color-primary-lighter: #dc4c00;
7
- --theme-color-primary-dark: #100500;
8
- --theme-color-primary-darker: black;
9
- --theme-color-primary-complement: #002c43;
10
- --theme-color-primary-invert: #bce8ff;
11
- --theme-color-primary-alpha-low: rgba(67, 23, 0, 0.8);
12
- --theme-color-primary-alpha: rgba(67, 23, 0, 0.3);
13
- --theme-color-primary-alpha-high: rgba(67, 23, 0, 0.1);
14
- /* theme secondary colors*/
15
- --theme-color-secondary: #D14B02;
16
- --theme-color-secondary-light: #fd7023;
17
- --theme-color-secondary-lighter: #fea16e;
18
- --theme-color-secondary-dark: #9e3902;
19
- --theme-color-secondary-darker: #6c2701;
20
- --theme-color-secondary-complement: #0288d1;
21
- --theme-color-secondary-invert: #2eb4fd;
22
- --theme-color-secondary-alpha-low: rgba(209, 75, 2, 0.8);
23
- --theme-color-secondary-alpha: rgba(209, 75, 2, 0.3);
24
- --theme-color-secondary-alpha-high: rgba(209, 75, 2, 0.1);
25
- /* theme tertiary colors*/
26
- --theme-color-tertiary: #88D102;
27
- --theme-color-tertiary-light: #b0fd23;
28
- --theme-color-tertiary-lighter: #cbfe6e;
29
- --theme-color-tertiary-dark: #679e02;
30
- --theme-color-tertiary-darker: #466c01;
31
- --theme-color-tertiary-complement: #4b02d1;
32
- --theme-color-tertiary-invert: #772efd;
33
- --theme-color-tertiary-alpha-low: rgba(136, 209, 2, 0.8);
34
- --theme-color-tertiary-alpha: rgba(136, 209, 2, 0.3);
35
- --theme-color-tertiary-alpha-high: rgba(136, 209, 2, 0.1);
36
- /* color-scheme primary secondary tertiary */
37
- --color-scheme-discrete: #ccc;
38
- --color-scheme-discrete-light: #f2f2f2;
39
- --color-scheme-discrete-dark: #b3b3b3;
40
- --color-scheme-discrete-alpha: rgba(204, 204, 204, 0.3);
41
- --color-scheme-discrete-alpha-low: rgba(204, 204, 204, 0.8);
42
- --color-scheme-discrete-alpha-high: rgba(204, 204, 204, 0.1);
43
- --color-scheme-success: green;
44
- --color-scheme-success-light: #00cd00;
45
- --color-scheme-success-dark: #004d00;
46
- --color-scheme-success-alpha: rgba(0, 128, 0, 0.3);
47
- --color-scheme-success-alpha-low: rgba(0, 128, 0, 0.8);
48
- --color-scheme-success-alpha-high: rgba(0, 128, 0, 0.1);
49
- --color-scheme-info: #ffdd57;
50
- --color-scheme-info-light: #ffeda3;
51
- --color-scheme-info-dark: #ffd324;
52
- --color-scheme-info-alpha: rgba(255, 221, 87, 0.3);
53
- --color-scheme-info-alpha-low: rgba(255, 221, 87, 0.8);
54
- --color-scheme-info-alpha-high: rgba(255, 221, 87, 0.1);
55
- --color-scheme-warning: #e6b905;
56
- --color-scheme-warning-light: #fbd53c;
57
- --color-scheme-warning-dark: #b49104;
58
- --color-scheme-warning-alpha: rgba(230, 185, 5, 0.3);
59
- --color-scheme-warning-alpha-low: rgba(230, 185, 5, 0.8);
60
- --color-scheme-warning-alpha-high: rgba(230, 185, 5, 0.1);
61
- --color-scheme-alert: #ff7300;
62
- --color-scheme-alert-light: #ff9d4d;
63
- --color-scheme-alert-dark: #cc5c00;
64
- --color-scheme-alert-alpha: rgba(255, 115, 0, 0.3);
65
- --color-scheme-alert-alpha-low: rgba(255, 115, 0, 0.8);
66
- --color-scheme-alert-alpha-high: rgba(255, 115, 0, 0.1);
67
- --color-scheme-error: red;
68
- --color-scheme-error-light: #ff4d4d;
69
- --color-scheme-error-dark: #cc0000;
70
- --color-scheme-error-alpha: rgba(255, 0, 0, 0.3);
71
- --color-scheme-error-alpha-low: rgba(255, 0, 0, 0.8);
72
- --color-scheme-error-alpha-high: rgba(255, 0, 0, 0.1);
73
- /* color-palette */
74
- --color-palette-yellow: #ffb900;
75
- --color-palette-yellow-alpha: rgba(255, 185, 0, 0.3);
76
- --color-palette-yellow-alpha-low: rgba(255, 185, 0, 0.8);
77
- --color-palette-yellow-alpha-high: rgba(255, 185, 0, 0.1);
78
- --color-palette-yellow-lighter: #ffe399;
79
- --color-palette-yellow-light: #ffce4d;
80
- --color-palette-yellow-dark: #cc9400;
81
- --color-palette-yellow-darker: #996f00;
82
- --color-palette-yellow-complement: #0046ff;
83
- --color-palette-yellow-complement-alpha: rgba(0, 70, 255, 0.3);
84
- --color-palette-yellow-complement-alpha-low: rgba(0, 70, 255, 0.8);
85
- --color-palette-yellow-complement-alpha-high: rgba(0, 70, 255, 0.1);
86
- --color-palette-yellow-invert: #0046ff;
87
- --color-palette-yellow-invert-alpha: rgba(0, 70, 255, 0.3);
88
- --color-palette-yellow-invert-alpha-low: rgba(0, 70, 255, 0.8);
89
- --color-palette-yellow-invert-alpha-high: rgba(0, 70, 255, 0.1);
90
- --color-palette-orange: #d83b01;
91
- --color-palette-orange-alpha: rgba(216, 59, 1, 0.3);
92
- --color-palette-orange-alpha-low: rgba(216, 59, 1, 0.8);
93
- --color-palette-orange-alpha-high: rgba(216, 59, 1, 0.1);
94
- --color-palette-orange-lighter: #fe9974;
95
- --color-palette-orange-light: #fe6127;
96
- --color-palette-orange-dark: #a52d01;
97
- --color-palette-orange-darker: #721f01;
98
- --color-palette-orange-complement: #019ed8;
99
- --color-palette-orange-complement-alpha: rgba(1, 158, 216, 0.3);
100
- --color-palette-orange-complement-alpha-low: rgba(1, 158, 216, 0.8);
101
- --color-palette-orange-complement-alpha-high: rgba(1, 158, 216, 0.1);
102
- --color-palette-orange-invert: #27c4fe;
103
- --color-palette-orange-invert-alpha: rgba(39, 196, 254, 0.3);
104
- --color-palette-orange-invert-alpha-low: rgba(39, 196, 254, 0.8);
105
- --color-palette-orange-invert-alpha-high: rgba(39, 196, 254, 0.1);
106
- --color-palette-red: #d13438;
107
- --color-palette-red-alpha: rgba(209, 52, 56, 0.3);
108
- --color-palette-red-alpha-low: rgba(209, 52, 56, 0.8);
109
- --color-palette-red-alpha-high: rgba(209, 52, 56, 0.1);
110
- --color-palette-red-lighter: #edb1b2;
111
- --color-palette-red-light: #df7275;
112
- --color-palette-red-dark: #ab272a;
113
- --color-palette-red-darker: #821d20;
114
- --color-palette-red-complement: #34d1cd;
115
- --color-palette-red-complement-alpha: rgba(52, 209, 205, 0.3);
116
- --color-palette-red-complement-alpha-low: rgba(52, 209, 205, 0.8);
117
- --color-palette-red-complement-alpha-high: rgba(52, 209, 205, 0.1);
118
- --color-palette-red-invert: #2ecbc7;
119
- --color-palette-red-invert-alpha: rgba(46, 203, 199, 0.3);
120
- --color-palette-red-invert-alpha-low: rgba(46, 203, 199, 0.8);
121
- --color-palette-red-invert-alpha-high: rgba(46, 203, 199, 0.1);
122
- --color-palette-magenta: #b4009e;
123
- --color-palette-magenta-alpha: rgba(180, 0, 158, 0.3);
124
- --color-palette-magenta-alpha-low: rgba(180, 0, 158, 0.8);
125
- --color-palette-magenta-alpha-high: rgba(180, 0, 158, 0.1);
126
- --color-palette-magenta-lighter: #ff4ee9;
127
- --color-palette-magenta-light: #ff02e0;
128
- --color-palette-magenta-dark: #810071;
129
- --color-palette-magenta-darker: #4e0044;
130
- --color-palette-magenta-complement: #00b416;
131
- --color-palette-magenta-complement-alpha: rgba(0, 180, 22, 0.3);
132
- --color-palette-magenta-complement-alpha-low: rgba(0, 180, 22, 0.8);
133
- --color-palette-magenta-complement-alpha-high: rgba(0, 180, 22, 0.1);
134
- --color-palette-magenta-invert: #4bff61;
135
- --color-palette-magenta-invert-alpha: rgba(75, 255, 97, 0.3);
136
- --color-palette-magenta-invert-alpha-low: rgba(75, 255, 97, 0.8);
137
- --color-palette-magenta-invert-alpha-high: rgba(75, 255, 97, 0.1);
138
- --color-palette-purple: #5c2d91;
139
- --color-palette-purple-alpha: rgba(92, 45, 145, 0.3);
140
- --color-palette-purple-alpha-low: rgba(92, 45, 145, 0.8);
141
- --color-palette-purple-alpha-high: rgba(92, 45, 145, 0.1);
142
- --color-palette-purple-lighter: #a980d7;
143
- --color-palette-purple-light: #8145c5;
144
- --color-palette-purple-dark: #43216a;
145
- --color-palette-purple-darker: #2b1543;
146
- --color-palette-purple-complement: #62912d;
147
- --color-palette-purple-complement-alpha: rgba(98, 145, 45, 0.3);
148
- --color-palette-purple-complement-alpha-low: rgba(98, 145, 45, 0.8);
149
- --color-palette-purple-complement-alpha-high: rgba(98, 145, 45, 0.1);
150
- --color-palette-purple-invert: #a3d26e;
151
- --color-palette-purple-invert-alpha: rgba(163, 210, 110, 0.3);
152
- --color-palette-purple-invert-alpha-low: rgba(163, 210, 110, 0.8);
153
- --color-palette-purple-invert-alpha-high: rgba(163, 210, 110, 0.1);
154
- --color-palette-green: #107c10;
155
- --color-palette-green-alpha: rgba(16, 124, 16, 0.3);
156
- --color-palette-green-alpha-low: rgba(16, 124, 16, 0.8);
157
- --color-palette-green-alpha-high: rgba(16, 124, 16, 0.1);
158
- --color-palette-green-lighter: #3fe63f;
159
- --color-palette-green-light: #19c019;
160
- --color-palette-green-dark: #0a4f0a;
161
- --color-palette-green-darker: #042204;
162
- --color-palette-green-complement: #7c107c;
163
- --color-palette-green-complement-alpha: rgba(124, 16, 124, 0.3);
164
- --color-palette-green-complement-alpha-low: rgba(124, 16, 124, 0.8);
165
- --color-palette-green-complement-alpha-high: rgba(124, 16, 124, 0.1);
166
- --color-palette-green-invert: #ef83ef;
167
- --color-palette-green-invert-alpha: rgba(239, 131, 239, 0.3);
168
- --color-palette-green-invert-alpha-low: rgba(239, 131, 239, 0.8);
169
- --color-palette-green-invert-alpha-high: rgba(239, 131, 239, 0.1);
170
- --color-palette-teal: #008272;
171
- --color-palette-teal-alpha: rgba(0, 130, 114, 0.3);
172
- --color-palette-teal-alpha-low: rgba(0, 130, 114, 0.8);
173
- --color-palette-teal-alpha-high: rgba(0, 130, 114, 0.1);
174
- --color-palette-teal-lighter: #1cffe3;
175
- --color-palette-teal-light: #00cfb5;
176
- --color-palette-teal-dark: #004f45;
177
- --color-palette-teal-darker: #001c19;
178
- --color-palette-teal-complement: #820010;
179
- --color-palette-teal-complement-alpha: rgba(130, 0, 16, 0.3);
180
- --color-palette-teal-complement-alpha-low: rgba(130, 0, 16, 0.8);
181
- --color-palette-teal-complement-alpha-high: rgba(130, 0, 16, 0.1);
182
- --color-palette-teal-invert: #ff7d8d;
183
- --color-palette-teal-invert-alpha: rgba(255, 125, 141, 0.3);
184
- --color-palette-teal-invert-alpha-low: rgba(255, 125, 141, 0.8);
185
- --color-palette-teal-invert-alpha-high: rgba(255, 125, 141, 0.1);
186
- --color-palette-blue: #0078d4;
187
- --color-palette-blue-alpha: rgba(0, 120, 212, 0.3);
188
- --color-palette-blue-alpha-low: rgba(0, 120, 212, 0.8);
189
- --color-palette-blue-alpha-high: rgba(0, 120, 212, 0.1);
190
- --color-palette-blue-lighter: #6ec0ff;
191
- --color-palette-blue-light: #229fff;
192
- --color-palette-blue-dark: #005ba1;
193
- --color-palette-blue-darker: #003e6e;
194
- --color-palette-blue-complement: #d45c00;
195
- --color-palette-blue-complement-alpha: rgba(212, 92, 0, 0.3);
196
- --color-palette-blue-complement-alpha-low: rgba(212, 92, 0, 0.8);
197
- --color-palette-blue-complement-alpha-high: rgba(212, 92, 0, 0.1);
198
- --color-palette-blue-invert: #ff872b;
199
- --color-palette-blue-invert-alpha: rgba(255, 135, 43, 0.3);
200
- --color-palette-blue-invert-alpha-low: rgba(255, 135, 43, 0.8);
201
- --color-palette-blue-invert-alpha-high: rgba(255, 135, 43, 0.1);
202
- --color-palette-dark: #323232;
203
- --color-palette-dark-alpha: rgba(50, 50, 50, 0.3);
204
- --color-palette-dark-alpha-low: rgba(50, 50, 50, 0.8);
205
- --color-palette-dark-alpha-high: rgba(50, 50, 50, 0.1);
206
- --color-palette-dark-lighter: #7f7f7f;
207
- --color-palette-dark-light: #585858;
208
- --color-palette-dark-dark: #191919;
209
- --color-palette-dark-darker: black;
210
- --color-palette-dark-complement: #323232;
211
- --color-palette-dark-complement-alpha: rgba(50, 50, 50, 0.3);
212
- --color-palette-dark-complement-alpha-low: rgba(50, 50, 50, 0.8);
213
- --color-palette-dark-complement-alpha-high: rgba(50, 50, 50, 0.1);
214
- --color-palette-dark-invert: #cdcdcd;
215
- --color-palette-dark-invert-alpha: rgba(205, 205, 205, 0.3);
216
- --color-palette-dark-invert-alpha-low: rgba(205, 205, 205, 0.8);
217
- --color-palette-dark-invert-alpha-high: rgba(205, 205, 205, 0.1);
218
- /* grays */
219
- --color-gray-100: #f4f4f4;
220
- --color-gray-100-alpha: rgba(244, 244, 244, 0.3);
221
- --color-gray-100-alpha-low: rgba(244, 244, 244, 0.8);
222
- --color-gray-100-alpha-high: rgba(244, 244, 244, 0.1);
223
- --color-gray-200: #e2e2e2;
224
- --color-gray-200-alpha: rgba(226, 226, 226, 0.3);
225
- --color-gray-200-alpha-low: rgba(226, 226, 226, 0.8);
226
- --color-gray-200-alpha-high: rgba(226, 226, 226, 0.1);
227
- --color-gray-300: #d0d0d0;
228
- --color-gray-300-alpha: rgba(208, 208, 208, 0.3);
229
- --color-gray-300-alpha-low: rgba(208, 208, 208, 0.8);
230
- --color-gray-300-alpha-high: rgba(208, 208, 208, 0.1);
231
- --color-gray-400: #bdbdbd;
232
- --color-gray-400-alpha: rgba(189, 189, 189, 0.3);
233
- --color-gray-400-alpha-low: rgba(189, 189, 189, 0.8);
234
- --color-gray-400-alpha-high: rgba(189, 189, 189, 0.1);
235
- --color-gray-500: #ababab;
236
- --color-gray-500-alpha: rgba(171, 171, 171, 0.3);
237
- --color-gray-500-alpha-low: rgba(171, 171, 171, 0.8);
238
- --color-gray-500-alpha-high: rgba(171, 171, 171, 0.1);
239
- --color-gray-600: #999999;
240
- --color-gray-600-alpha: rgba(153, 153, 153, 0.3);
241
- --color-gray-600-alpha-low: rgba(153, 153, 153, 0.8);
242
- --color-gray-600-alpha-high: rgba(153, 153, 153, 0.1);
243
- /* boxes */
244
- --box-density-0: 0rem;
245
- --box-density-1: 0.5rem;
246
- --box-density-2: 1rem;
247
- --box-density-3: 1.5rem;
248
- --box-density-4: 2rem;
249
- --box-density-5: 2.5rem;
250
- --box-density-6: 3rem;
251
- --box-density-7: 3.5rem;
252
- --box-density-8: 4rem;
253
- --box-density-9: 4.5rem;
254
- --box-density-10: 5rem;
255
- --box-density-11: 5.5rem;
256
- --box-density-12: 6rem;
257
- --box-density-preset-tiny: 0.25rem;
258
- --box-density-preset-small: 0.5rem;
259
- --box-density-preset-medium: 1.5rem;
260
- --box-density-preset-large: 2rem;
261
- /* text */
262
- /*Hs*/
263
- --font-size-h1: 3.1rem;
264
- --font-size-h2: 2.68rem;
265
- --font-size-h3: 2.26rem;
266
- --font-size-h4: 1.84rem;
267
- --font-size-h5: 1.42rem;
268
- --font-size-h6: 1rem;
269
- /*weight*/
270
- --font-weight-50: 50;
271
- --font-weight-100: 100;
272
- --font-weight-300: 400;
273
- --font-weight-500: 500;
274
- --font-weight-900: 900;
275
- --font-weight-light: lighter;
276
- --font-weight-cap: normal;
277
- --font-weight-bold: bold;
278
- --font-weight-bolder: bolder;
279
- /*text shadows color_schemes*/
280
- --text-shadow-discrete: 0 0 0.125em #ccc;
281
- --text-shadow-success: 0 0 0.125em green;
282
- --text-shadow-info: 0 0 0.125em #ffdd57;
283
- --text-shadow-warning: 0 0 0.125em #e6b905;
284
- --text-shadow-alert: 0 0 0.125em #ff7300;
285
- --text-shadow-error: 0 0 0.125em red;
286
- /*text-shadows color_palette */
287
- --text-shadow-yellow: 0 0 0.125em #ffb900;
288
- --text-shadow-orange: 0 0 0.125em #d83b01;
289
- --text-shadow-red: 0 0 0.125em #d13438;
290
- --text-shadow-magenta: 0 0 0.125em #b4009e;
291
- --text-shadow-purple: 0 0 0.125em #5c2d91;
292
- --text-shadow-green: 0 0 0.125em #107c10;
293
- --text-shadow-teal: 0 0 0.125em #008272;
294
- --text-shadow-blue: 0 0 0.125em #0078d4;
295
- --text-shadow-dark: 0 0 0.125em #323232;
296
- /* shadows */
297
- --box-shad-1: 0 0.8333333333px 1.724137931px 0 rgba(0, 0, 0, 0.15), 0 0.1526717557px 0.4651162791px 0 rgba(0, 0, 0, 0.1);
298
- --box-shad-2: 0 1.6666666667px 3.4482758621px 0 rgba(0, 0, 0, 0.15), 0 0.3053435115px 0.9302325581px 0 rgba(0, 0, 0, 0.1);
299
- --box-shad-3: 0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15), 0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);
300
- --box-shad-4: 0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15), 0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);
301
- --box-shad-5: 0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15), 0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);
302
- /* themes */
303
- /* theme base colors*/
304
- --theme-color-text: #282230;
305
- --theme-color-foreground: #282230;
306
- --theme-color-foreground-alpha: rgba(40, 34, 48, 0.3);
307
- --theme-color-foreground-alpha-low: rgba(40, 34, 48, 0.8);
308
- --theme-color-foreground-alpha-high: rgba(40, 34, 48, 0.1);
309
- --theme-color-background: #ffffff;
310
- --theme-color-background-alpha: rgba(40, 34, 48, 0.3);
311
- --theme-color-background-alpha-low: rgba(40, 34, 48, 0.8);
312
- --theme-color-background-alpha-high: rgba(40, 34, 48, 0.1);
313
- --theme-color-paper: #f1f1f1;
314
- --theme-color-paper-alpha: rgba(241, 241, 241, 0.3);
315
- --theme-color-paper-alpha-low: rgba(241, 241, 241, 0.8);
316
- --theme-color-paper-alpha-high: rgba(241, 241, 241, 0.1);
317
- }
318
- :root [density=small] {
319
- --box-density-0: 0rem;
320
- --box-density-1: 0.25rem;
321
- --box-density-2: 0.5rem;
322
- --box-density-3: 0.75rem;
323
- --box-density-4: 1rem;
324
- --box-density-5: 1.25rem;
325
- --box-density-6: 1.5rem;
326
- --box-density-7: 1.75rem;
327
- --box-density-8: 2rem;
328
- --box-density-9: 2.25rem;
329
- --box-density-10: 2.5rem;
330
- --box-density-11: 2.75rem;
331
- --box-density-12: 3rem;
332
- --box-density-preset-tiny: 0.125rem;
333
- --box-density-preset-small: 0.25rem;
334
- --box-density-preset-medium: 0.75rem;
335
- --box-density-preset-large: 1rem;
336
- }
337
- :root [density=default] {
338
- --box-density-0: 0rem;
339
- --box-density-1: 0.5rem;
340
- --box-density-2: 1rem;
341
- --box-density-3: 1.5rem;
342
- --box-density-4: 2rem;
343
- --box-density-5: 2.5rem;
344
- --box-density-6: 3rem;
345
- --box-density-7: 3.5rem;
346
- --box-density-8: 4rem;
347
- --box-density-9: 4.5rem;
348
- --box-density-10: 5rem;
349
- --box-density-11: 5.5rem;
350
- --box-density-12: 6rem;
351
- --box-density-preset-tiny: 0.25rem;
352
- --box-density-preset-small: 0.5rem;
353
- --box-density-preset-medium: 1.5rem;
354
- --box-density-preset-large: 2rem;
355
- }
356
- :root [density=large] {
357
- --box-density-0: 0rem;
358
- --box-density-1: 0.875rem;
359
- --box-density-2: 1.75rem;
360
- --box-density-3: 2.625rem;
361
- --box-density-4: 3.5rem;
362
- --box-density-5: 4.375rem;
363
- --box-density-6: 5.25rem;
364
- --box-density-7: 6.125rem;
365
- --box-density-8: 7rem;
366
- --box-density-9: 7.875rem;
367
- --box-density-10: 8.75rem;
368
- --box-density-11: 9.625rem;
369
- --box-density-12: 10.5rem;
370
- --box-density-preset-tiny: 0.4375rem;
371
- --box-density-preset-small: 0.875rem;
372
- --box-density-preset-medium: 2.625rem;
373
- --box-density-preset-large: 3.5rem;
374
- }
375
- :root, :root [data-theme=light] {
376
- /* theme base colors*/
377
- --theme-color-text: #282230;
378
- --theme-color-foreground: #282230;
379
- --theme-color-foreground-alpha: rgba(40, 34, 48, 0.3);
380
- --theme-color-foreground-alpha-low: rgba(40, 34, 48, 0.8);
381
- --theme-color-foreground-alpha-high: rgba(40, 34, 48, 0.1);
382
- --theme-color-background: #ffffff;
383
- --theme-color-background-alpha: rgba(40, 34, 48, 0.3);
384
- --theme-color-background-alpha-low: rgba(40, 34, 48, 0.8);
385
- --theme-color-background-alpha-high: rgba(40, 34, 48, 0.1);
386
- --theme-color-paper: #f1f1f1;
387
- --theme-color-paper-alpha: rgba(241, 241, 241, 0.3);
388
- --theme-color-paper-alpha-low: rgba(241, 241, 241, 0.8);
389
- --theme-color-paper-alpha-high: rgba(241, 241, 241, 0.1);
390
- --theme-color-border: rgba(241, 241, 241, 0.2);
391
- --theme-color-overlay: rgba(208, 191, 151, 0.2);
392
- }
393
- :root [data-theme=dark] {
394
- /* theme base colors*/
395
- --theme-color-text: #f1f1f1;
396
- --theme-color-foreground: #f1f1f1;
397
- --theme-color-foreground-alpha: rgba(241, 241, 241, 0.3);
398
- --theme-color-foreground-alpha-low: rgba(241, 241, 241, 0.8);
399
- --theme-color-foreground-alpha-high: rgba(241, 241, 241, 0.1);
400
- --theme-color-background: #27323a;
401
- --theme-color-background-alpha: rgba(241, 241, 241, 0.3);
402
- --theme-color-background-alpha-low: rgba(241, 241, 241, 0.8);
403
- --theme-color-background-alpha-high: rgba(241, 241, 241, 0.1);
404
- --theme-color-paper: #f1f1f1;
405
- --theme-color-paper-alpha: rgba(58, 59, 59, 0.3);
406
- --theme-color-paper-alpha-low: rgba(58, 59, 59, 0.8);
407
- --theme-color-paper-alpha-high: rgba(58, 59, 59, 0.1);
408
- --theme-color-border: rgba(58, 59, 59, 0.2);
409
- --theme-color-overlay: rgba(255, 255, 255, 0.1);
410
- }
411
-
412
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
413
- html {
414
- line-height: 1.15;
415
- -webkit-text-size-adjust: 100%;
416
- }
417
-
418
- body {
419
- margin: 0;
420
- }
421
-
422
- main {
423
- display: block;
424
- }
425
-
426
- h1 {
427
- font-size: 2em;
428
- margin: 0.67em 0;
429
- }
430
-
431
- hr {
432
- box-sizing: content-box;
433
- height: 0;
434
- overflow: visible;
435
- }
436
-
437
- pre {
438
- font-family: monospace, monospace;
439
- font-size: 1em;
440
- }
441
-
442
- a {
443
- background-color: transparent;
444
- }
445
-
446
- abbr[title] {
447
- border-bottom: none;
448
- text-decoration: underline;
449
- text-decoration: underline dotted;
450
- }
451
-
452
- b, strong {
453
- font-weight: bolder;
454
- }
455
-
456
- code, kbd, samp {
457
- font-family: monospace, monospace;
458
- font-size: 1em;
459
- }
460
-
461
- small {
462
- font-size: 80%;
463
- }
464
-
465
- sub, sup {
466
- font-size: 75%;
467
- line-height: 0;
468
- position: relative;
469
- vertical-align: baseline;
470
- }
471
-
472
- sub {
473
- bottom: -0.25em;
474
- }
475
-
476
- sup {
477
- top: -0.5em;
478
- }
479
-
480
- img {
481
- border-style: none;
482
- }
483
-
484
- button, input, optgroup, select, textarea {
485
- font-family: inherit;
486
- font-size: 100%;
487
- line-height: 1.15;
488
- margin: 0;
489
- }
490
-
491
- button, input {
492
- overflow: visible;
493
- }
494
-
495
- button, select {
496
- text-transform: none;
497
- }
498
-
499
- [type=button], [type=reset], [type=submit], button {
500
- -webkit-appearance: button;
501
- }
502
-
503
- [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
504
- border-style: none;
505
- padding: 0;
506
- }
507
-
508
- [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
509
- outline: 1px dotted ButtonText;
510
- }
511
-
512
- fieldset {
513
- padding: 0.35em 0.75em 0.625em;
514
- }
515
-
516
- legend {
517
- box-sizing: border-box;
518
- color: inherit;
519
- display: table;
520
- max-width: 100%;
521
- padding: 0;
522
- white-space: normal;
523
- }
524
-
525
- progress {
526
- vertical-align: baseline;
527
- }
528
-
529
- textarea {
530
- overflow: auto;
531
- }
532
-
533
- [type=checkbox], [type=radio] {
534
- box-sizing: border-box;
535
- padding: 0;
536
- }
537
-
538
- [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
539
- height: auto;
540
- }
541
-
542
- [type=search] {
543
- -webkit-appearance: textfield;
544
- outline-offset: -2px;
545
- }
546
-
547
- [type=search]::-webkit-search-decoration {
548
- -webkit-appearance: none;
549
- }
550
-
551
- ::-webkit-file-upload-button {
552
- -webkit-appearance: button;
553
- font: inherit;
554
- }
555
-
556
- details {
557
- display: block;
558
- }
559
-
560
- summary {
561
- display: list-item;
562
- }
563
-
564
- template {
565
- display: none;
566
- }
567
-
568
- [hidden] {
569
- display: none;
570
- }
571
-
572
- /*# sourceMappingURL=normalize.min.css.map */
573
- p {
574
- margin: auto;
575
- }
576
-
577
- .hover-parent .hover-show {
578
- display: none;
579
- }
580
- .hover-parent .hover-hide {
581
- display: initial;
582
- }
583
- .hover-parent:hover .hover-show {
584
- display: initial;
585
- }
586
- .hover-parent:hover .hover-hide {
587
- display: none;
588
- }
589
-
590
- .block:not(:last-child) {
591
- margin-bottom: 1.5rem;
592
- }
593
-
594
- h1,
595
- h2,
596
- h3,
597
- h4,
598
- h5,
599
- h6 {
600
- margin-block-start: 0 !important;
601
- margin-block-end: 0 !important;
602
- margin-inline-start: 0 !important;
603
- margin-inline-end: 0 !important;
604
- }
605
-
606
- label, .label {
607
- padding: 0.125rem 0.5rem;
608
- border: 1px solid #ccc;
609
- display: inline-block;
610
- border-radius: 4px;
611
- background-color: #ededed;
612
- text-shadow: white;
613
- }
614
-
615
- .box-content {
616
- padding: 0.25rem;
617
- margin: 0.25rem 0;
618
- }
619
-
620
- .cell-padding > * {
621
- padding: 0.25em;
622
- }
623
-
624
- .cell-spacing > * {
625
- margin: 0.25em;
626
- }
627
-
628
- code {
629
- padding: 0.25em;
630
- border: 1px solid #cccccc;
631
- background-color: #ededed;
632
- border-radius: 5px;
633
- }
634
- .foreground-palette-yellow {
635
- color: #ffb900;
636
- }
637
- .foreground-palette-yellow-light {
638
- color: #ffce4d;
639
- }
640
- .foreground-palette-yellow-lighter {
641
- color: #ffe399;
642
- }
643
- .foreground-palette-yellow-dark {
644
- color: #cc9400;
645
- }
646
- .foreground-palette-yellow-darker {
647
- color: #996f00;
648
- }
649
- .foreground-palette-yellow-complement {
650
- color: #0046ff;
651
- }
652
- .foreground-palette-yellow-invert {
653
- color: #0046ff;
654
- }
655
- .foreground-palette-orange {
656
- color: #d83b01;
657
- }
658
- .foreground-palette-orange-light {
659
- color: #fe6127;
660
- }
661
- .foreground-palette-orange-lighter {
662
- color: #fe9974;
663
- }
664
- .foreground-palette-orange-dark {
665
- color: #a52d01;
666
- }
667
- .foreground-palette-orange-darker {
668
- color: #721f01;
669
- }
670
- .foreground-palette-orange-complement {
671
- color: #019ed8;
672
- }
673
- .foreground-palette-orange-invert {
674
- color: #27c4fe;
675
- }
676
- .foreground-palette-red {
677
- color: #d13438;
678
- }
679
- .foreground-palette-red-light {
680
- color: #df7275;
681
- }
682
- .foreground-palette-red-lighter {
683
- color: #edb1b2;
684
- }
685
- .foreground-palette-red-dark {
686
- color: #ab272a;
687
- }
688
- .foreground-palette-red-darker {
689
- color: #821d20;
690
- }
691
- .foreground-palette-red-complement {
692
- color: #34d1cd;
693
- }
694
- .foreground-palette-red-invert {
695
- color: #2ecbc7;
696
- }
697
- .foreground-palette-magenta {
698
- color: #b4009e;
699
- }
700
- .foreground-palette-magenta-light {
701
- color: #ff02e0;
702
- }
703
- .foreground-palette-magenta-lighter {
704
- color: #ff4ee9;
705
- }
706
- .foreground-palette-magenta-dark {
707
- color: #810071;
708
- }
709
- .foreground-palette-magenta-darker {
710
- color: #4e0044;
711
- }
712
- .foreground-palette-magenta-complement {
713
- color: #00b416;
714
- }
715
- .foreground-palette-magenta-invert {
716
- color: #4bff61;
717
- }
718
- .foreground-palette-purple {
719
- color: #5c2d91;
720
- }
721
- .foreground-palette-purple-light {
722
- color: #8145c5;
723
- }
724
- .foreground-palette-purple-lighter {
725
- color: #a980d7;
726
- }
727
- .foreground-palette-purple-dark {
728
- color: #43216a;
729
- }
730
- .foreground-palette-purple-darker {
731
- color: #2b1543;
732
- }
733
- .foreground-palette-purple-complement {
734
- color: #62912d;
735
- }
736
- .foreground-palette-purple-invert {
737
- color: #a3d26e;
738
- }
739
- .foreground-palette-green {
740
- color: #107c10;
741
- }
742
- .foreground-palette-green-light {
743
- color: #19c019;
744
- }
745
- .foreground-palette-green-lighter {
746
- color: #3fe63f;
747
- }
748
- .foreground-palette-green-dark {
749
- color: #0a4f0a;
750
- }
751
- .foreground-palette-green-darker {
752
- color: #042204;
753
- }
754
- .foreground-palette-green-complement {
755
- color: #7c107c;
756
- }
757
- .foreground-palette-green-invert {
758
- color: #ef83ef;
759
- }
760
- .foreground-palette-teal {
761
- color: #008272;
762
- }
763
- .foreground-palette-teal-light {
764
- color: #00cfb5;
765
- }
766
- .foreground-palette-teal-lighter {
767
- color: #1cffe3;
768
- }
769
- .foreground-palette-teal-dark {
770
- color: #004f45;
771
- }
772
- .foreground-palette-teal-darker {
773
- color: #001c19;
774
- }
775
- .foreground-palette-teal-complement {
776
- color: #820010;
777
- }
778
- .foreground-palette-teal-invert {
779
- color: #ff7d8d;
780
- }
781
- .foreground-palette-blue {
782
- color: #0078d4;
783
- }
784
- .foreground-palette-blue-light {
785
- color: #229fff;
786
- }
787
- .foreground-palette-blue-lighter {
788
- color: #6ec0ff;
789
- }
790
- .foreground-palette-blue-dark {
791
- color: #005ba1;
792
- }
793
- .foreground-palette-blue-darker {
794
- color: #003e6e;
795
- }
796
- .foreground-palette-blue-complement {
797
- color: #d45c00;
798
- }
799
- .foreground-palette-blue-invert {
800
- color: #ff872b;
801
- }
802
- .foreground-palette-dark {
803
- color: #323232;
804
- }
805
- .foreground-palette-dark-light {
806
- color: #585858;
807
- }
808
- .foreground-palette-dark-lighter {
809
- color: #7f7f7f;
810
- }
811
- .foreground-palette-dark-dark {
812
- color: #191919;
813
- }
814
- .foreground-palette-dark-darker {
815
- color: black;
816
- }
817
- .foreground-palette-dark-complement {
818
- color: #323232;
819
- }
820
- .foreground-palette-dark-invert {
821
- color: #cdcdcd;
822
- }
823
-
824
- .bg-palette-yellow {
825
- background-color: #ffb900;
826
- }
827
- .bg-palette-yellow-light {
828
- background-color: #ffce4d;
829
- }
830
- .bg-palette-yellow-lighter {
831
- background-color: #ffe399;
832
- }
833
- .bg-palette-yellow-dark {
834
- background-color: #cc9400;
835
- }
836
- .bg-palette-yellow-darker {
837
- background-color: #996f00;
838
- }
839
- .bg-palette-yellow-complement {
840
- background-color: #0046ff;
841
- }
842
- .bg-palette-yellow-invert {
843
- background-color: #0046ff;
844
- }
845
- .bg-palette-orange {
846
- background-color: #d83b01;
847
- }
848
- .bg-palette-orange-light {
849
- background-color: #fe6127;
850
- }
851
- .bg-palette-orange-lighter {
852
- background-color: #fe9974;
853
- }
854
- .bg-palette-orange-dark {
855
- background-color: #a52d01;
856
- }
857
- .bg-palette-orange-darker {
858
- background-color: #721f01;
859
- }
860
- .bg-palette-orange-complement {
861
- background-color: #019ed8;
862
- }
863
- .bg-palette-orange-invert {
864
- background-color: #27c4fe;
865
- }
866
- .bg-palette-red {
867
- background-color: #d13438;
868
- }
869
- .bg-palette-red-light {
870
- background-color: #df7275;
871
- }
872
- .bg-palette-red-lighter {
873
- background-color: #edb1b2;
874
- }
875
- .bg-palette-red-dark {
876
- background-color: #ab272a;
877
- }
878
- .bg-palette-red-darker {
879
- background-color: #821d20;
880
- }
881
- .bg-palette-red-complement {
882
- background-color: #34d1cd;
883
- }
884
- .bg-palette-red-invert {
885
- background-color: #2ecbc7;
886
- }
887
- .bg-palette-magenta {
888
- background-color: #b4009e;
889
- }
890
- .bg-palette-magenta-light {
891
- background-color: #ff02e0;
892
- }
893
- .bg-palette-magenta-lighter {
894
- background-color: #ff4ee9;
895
- }
896
- .bg-palette-magenta-dark {
897
- background-color: #810071;
898
- }
899
- .bg-palette-magenta-darker {
900
- background-color: #4e0044;
901
- }
902
- .bg-palette-magenta-complement {
903
- background-color: #00b416;
904
- }
905
- .bg-palette-magenta-invert {
906
- background-color: #4bff61;
907
- }
908
- .bg-palette-purple {
909
- background-color: #5c2d91;
910
- }
911
- .bg-palette-purple-light {
912
- background-color: #8145c5;
913
- }
914
- .bg-palette-purple-lighter {
915
- background-color: #a980d7;
916
- }
917
- .bg-palette-purple-dark {
918
- background-color: #43216a;
919
- }
920
- .bg-palette-purple-darker {
921
- background-color: #2b1543;
922
- }
923
- .bg-palette-purple-complement {
924
- background-color: #62912d;
925
- }
926
- .bg-palette-purple-invert {
927
- background-color: #a3d26e;
928
- }
929
- .bg-palette-green {
930
- background-color: #107c10;
931
- }
932
- .bg-palette-green-light {
933
- background-color: #19c019;
934
- }
935
- .bg-palette-green-lighter {
936
- background-color: #3fe63f;
937
- }
938
- .bg-palette-green-dark {
939
- background-color: #0a4f0a;
940
- }
941
- .bg-palette-green-darker {
942
- background-color: #042204;
943
- }
944
- .bg-palette-green-complement {
945
- background-color: #7c107c;
946
- }
947
- .bg-palette-green-invert {
948
- background-color: #ef83ef;
949
- }
950
- .bg-palette-teal {
951
- background-color: #008272;
952
- }
953
- .bg-palette-teal-light {
954
- background-color: #00cfb5;
955
- }
956
- .bg-palette-teal-lighter {
957
- background-color: #1cffe3;
958
- }
959
- .bg-palette-teal-dark {
960
- background-color: #004f45;
961
- }
962
- .bg-palette-teal-darker {
963
- background-color: #001c19;
964
- }
965
- .bg-palette-teal-complement {
966
- background-color: #820010;
967
- }
968
- .bg-palette-teal-invert {
969
- background-color: #ff7d8d;
970
- }
971
- .bg-palette-blue {
972
- background-color: #0078d4;
973
- }
974
- .bg-palette-blue-light {
975
- background-color: #229fff;
976
- }
977
- .bg-palette-blue-lighter {
978
- background-color: #6ec0ff;
979
- }
980
- .bg-palette-blue-dark {
981
- background-color: #005ba1;
982
- }
983
- .bg-palette-blue-darker {
984
- background-color: #003e6e;
985
- }
986
- .bg-palette-blue-complement {
987
- background-color: #d45c00;
988
- }
989
- .bg-palette-blue-invert {
990
- background-color: #ff872b;
991
- }
992
- .bg-palette-dark {
993
- background-color: #323232;
994
- }
995
- .bg-palette-dark-light {
996
- background-color: #585858;
997
- }
998
- .bg-palette-dark-lighter {
999
- background-color: #7f7f7f;
1000
- }
1001
- .bg-palette-dark-dark {
1002
- background-color: #191919;
1003
- }
1004
- .bg-palette-dark-darker {
1005
- background-color: black;
1006
- }
1007
- .bg-palette-dark-complement {
1008
- background-color: #323232;
1009
- }
1010
- .bg-palette-dark-invert {
1011
- background-color: #cdcdcd;
1012
- }
1013
-
1014
- .bg-themed-palette-yellow {
1015
- color: black;
1016
- text-shadow: 0 0 0.125rem #cc9400;
1017
- background-color: #ffb900;
1018
- }
1019
- .bg-themed-palette-yellow-light {
1020
- color: black;
1021
- background-color: #ffce4d;
1022
- }
1023
- .bg-themed-palette-yellow-lighter {
1024
- color: black;
1025
- background-color: #ffe399;
1026
- }
1027
- .bg-themed-palette-yellow-dark {
1028
- color: black;
1029
- background-color: #cc9400;
1030
- }
1031
- .bg-themed-palette-yellow-darker {
1032
- color: white;
1033
- background-color: #996f00;
1034
- }
1035
- .bg-themed-palette-yellow-complement {
1036
- color: white;
1037
- background-color: #0046ff;
1038
- }
1039
- .bg-themed-palette-yellow-invert {
1040
- color: white;
1041
- background-color: #0046ff;
1042
- }
1043
- .bg-themed-palette-orange {
1044
- color: white;
1045
- text-shadow: 0 0 0.125rem #a52d01;
1046
- background-color: #d83b01;
1047
- }
1048
- .bg-themed-palette-orange-light {
1049
- color: black;
1050
- background-color: #fe6127;
1051
- }
1052
- .bg-themed-palette-orange-lighter {
1053
- color: black;
1054
- background-color: #fe9974;
1055
- }
1056
- .bg-themed-palette-orange-dark {
1057
- color: white;
1058
- background-color: #a52d01;
1059
- }
1060
- .bg-themed-palette-orange-darker {
1061
- color: white;
1062
- background-color: #721f01;
1063
- }
1064
- .bg-themed-palette-orange-complement {
1065
- color: white;
1066
- background-color: #019ed8;
1067
- }
1068
- .bg-themed-palette-orange-invert {
1069
- color: black;
1070
- background-color: #27c4fe;
1071
- }
1072
- .bg-themed-palette-red {
1073
- color: white;
1074
- text-shadow: 0 0 0.125rem #ab272a;
1075
- background-color: #d13438;
1076
- }
1077
- .bg-themed-palette-red-light {
1078
- color: black;
1079
- background-color: #df7275;
1080
- }
1081
- .bg-themed-palette-red-lighter {
1082
- color: black;
1083
- background-color: #edb1b2;
1084
- }
1085
- .bg-themed-palette-red-dark {
1086
- color: white;
1087
- background-color: #ab272a;
1088
- }
1089
- .bg-themed-palette-red-darker {
1090
- color: white;
1091
- background-color: #821d20;
1092
- }
1093
- .bg-themed-palette-red-complement {
1094
- color: black;
1095
- background-color: #34d1cd;
1096
- }
1097
- .bg-themed-palette-red-invert {
1098
- color: black;
1099
- background-color: #2ecbc7;
1100
- }
1101
- .bg-themed-palette-magenta {
1102
- color: white;
1103
- text-shadow: 0 0 0.125rem #810071;
1104
- background-color: #b4009e;
1105
- }
1106
- .bg-themed-palette-magenta-light {
1107
- color: white;
1108
- background-color: #ff02e0;
1109
- }
1110
- .bg-themed-palette-magenta-lighter {
1111
- color: black;
1112
- background-color: #ff4ee9;
1113
- }
1114
- .bg-themed-palette-magenta-dark {
1115
- color: white;
1116
- background-color: #810071;
1117
- }
1118
- .bg-themed-palette-magenta-darker {
1119
- color: white;
1120
- background-color: #4e0044;
1121
- }
1122
- .bg-themed-palette-magenta-complement {
1123
- color: white;
1124
- background-color: #00b416;
1125
- }
1126
- .bg-themed-palette-magenta-invert {
1127
- color: black;
1128
- background-color: #4bff61;
1129
- }
1130
- .bg-themed-palette-purple {
1131
- color: white;
1132
- text-shadow: 0 0 0.125rem #43216a;
1133
- background-color: #5c2d91;
1134
- }
1135
- .bg-themed-palette-purple-light {
1136
- color: white;
1137
- background-color: #8145c5;
1138
- }
1139
- .bg-themed-palette-purple-lighter {
1140
- color: black;
1141
- background-color: #a980d7;
1142
- }
1143
- .bg-themed-palette-purple-dark {
1144
- color: white;
1145
- background-color: #43216a;
1146
- }
1147
- .bg-themed-palette-purple-darker {
1148
- color: white;
1149
- background-color: #2b1543;
1150
- }
1151
- .bg-themed-palette-purple-complement {
1152
- color: black;
1153
- background-color: #62912d;
1154
- }
1155
- .bg-themed-palette-purple-invert {
1156
- color: black;
1157
- background-color: #a3d26e;
1158
- }
1159
- .bg-themed-palette-green {
1160
- color: white;
1161
- text-shadow: 0 0 0.125rem #0a4f0a;
1162
- background-color: #107c10;
1163
- }
1164
- .bg-themed-palette-green-light {
1165
- color: black;
1166
- background-color: #19c019;
1167
- }
1168
- .bg-themed-palette-green-lighter {
1169
- color: black;
1170
- background-color: #3fe63f;
1171
- }
1172
- .bg-themed-palette-green-dark {
1173
- color: white;
1174
- background-color: #0a4f0a;
1175
- }
1176
- .bg-themed-palette-green-darker {
1177
- color: white;
1178
- background-color: #042204;
1179
- }
1180
- .bg-themed-palette-green-complement {
1181
- color: white;
1182
- background-color: #7c107c;
1183
- }
1184
- .bg-themed-palette-green-invert {
1185
- color: black;
1186
- background-color: #ef83ef;
1187
- }
1188
- .bg-themed-palette-teal {
1189
- color: white;
1190
- text-shadow: 0 0 0.125rem #004f45;
1191
- background-color: #008272;
1192
- }
1193
- .bg-themed-palette-teal-light {
1194
- color: black;
1195
- background-color: #00cfb5;
1196
- }
1197
- .bg-themed-palette-teal-lighter {
1198
- color: black;
1199
- background-color: #1cffe3;
1200
- }
1201
- .bg-themed-palette-teal-dark {
1202
- color: white;
1203
- background-color: #004f45;
1204
- }
1205
- .bg-themed-palette-teal-darker {
1206
- color: white;
1207
- background-color: #001c19;
1208
- }
1209
- .bg-themed-palette-teal-complement {
1210
- color: white;
1211
- background-color: #820010;
1212
- }
1213
- .bg-themed-palette-teal-invert {
1214
- color: black;
1215
- background-color: #ff7d8d;
1216
- }
1217
- .bg-themed-palette-blue {
1218
- color: white;
1219
- text-shadow: 0 0 0.125rem #005ba1;
1220
- background-color: #0078d4;
1221
- }
1222
- .bg-themed-palette-blue-light {
1223
- color: white;
1224
- background-color: #229fff;
1225
- }
1226
- .bg-themed-palette-blue-lighter {
1227
- color: black;
1228
- background-color: #6ec0ff;
1229
- }
1230
- .bg-themed-palette-blue-dark {
1231
- color: white;
1232
- background-color: #005ba1;
1233
- }
1234
- .bg-themed-palette-blue-darker {
1235
- color: white;
1236
- background-color: #003e6e;
1237
- }
1238
- .bg-themed-palette-blue-complement {
1239
- color: black;
1240
- background-color: #d45c00;
1241
- }
1242
- .bg-themed-palette-blue-invert {
1243
- color: black;
1244
- background-color: #ff872b;
1245
- }
1246
- .bg-themed-palette-dark {
1247
- color: white;
1248
- text-shadow: 0 0 0.125rem #191919;
1249
- background-color: #323232;
1250
- }
1251
- .bg-themed-palette-dark-light {
1252
- color: white;
1253
- background-color: #585858;
1254
- }
1255
- .bg-themed-palette-dark-lighter {
1256
- color: white;
1257
- background-color: #7f7f7f;
1258
- }
1259
- .bg-themed-palette-dark-dark {
1260
- color: white;
1261
- background-color: #191919;
1262
- }
1263
- .bg-themed-palette-dark-darker {
1264
- color: white;
1265
- background-color: black;
1266
- }
1267
- .bg-themed-palette-dark-complement {
1268
- color: white;
1269
- background-color: #323232;
1270
- }
1271
- .bg-themed-palette-dark-invert {
1272
- color: black;
1273
- background-color: #cdcdcd;
1274
- }
1275
-
1276
- .border-color-palette-yellow {
1277
- border-color: #cc9400 !important;
1278
- }
1279
- .border-color-palette-orange {
1280
- border-color: #a52d01 !important;
1281
- }
1282
- .border-color-palette-red {
1283
- border-color: #ab272a !important;
1284
- }
1285
- .border-color-palette-magenta {
1286
- border-color: #810071 !important;
1287
- }
1288
- .border-color-palette-purple {
1289
- border-color: #43216a !important;
1290
- }
1291
- .border-color-palette-green {
1292
- border-color: #0a4f0a !important;
1293
- }
1294
- .border-color-palette-teal {
1295
- border-color: #004f45 !important;
1296
- }
1297
- .border-color-palette-blue {
1298
- border-color: #005ba1 !important;
1299
- }
1300
- .border-color-palette-dark {
1301
- border-color: #191919 !important;
1302
- }
1303
-
1304
- .foreground-scheme-discrete {
1305
- color: #ccc;
1306
- }
1307
- .foreground-scheme-discrete-light {
1308
- color: #f2f2f2;
1309
- }
1310
- .foreground-scheme-discrete-lighter {
1311
- color: white;
1312
- }
1313
- .foreground-scheme-discrete-dark {
1314
- color: #b3b3b3;
1315
- }
1316
- .foreground-scheme-discrete-darker {
1317
- color: #999999;
1318
- }
1319
- .foreground-scheme-discrete-complement {
1320
- color: #cccccc;
1321
- }
1322
- .foreground-scheme-discrete-invert {
1323
- color: #333333;
1324
- }
1325
- .foreground-scheme-success {
1326
- color: green;
1327
- }
1328
- .foreground-scheme-success-light {
1329
- color: #00cd00;
1330
- }
1331
- .foreground-scheme-success-lighter {
1332
- color: #1aff1a;
1333
- }
1334
- .foreground-scheme-success-dark {
1335
- color: #004d00;
1336
- }
1337
- .foreground-scheme-success-darker {
1338
- color: #001a00;
1339
- }
1340
- .foreground-scheme-success-complement {
1341
- color: purple;
1342
- }
1343
- .foreground-scheme-success-invert {
1344
- color: #ff7fff;
1345
- }
1346
- .foreground-scheme-info {
1347
- color: #ffdd57;
1348
- }
1349
- .foreground-scheme-info-light {
1350
- color: #ffeda3;
1351
- }
1352
- .foreground-scheme-info-lighter {
1353
- color: #fffcf0;
1354
- }
1355
- .foreground-scheme-info-dark {
1356
- color: #ffd324;
1357
- }
1358
- .foreground-scheme-info-darker {
1359
- color: #f0c000;
1360
- }
1361
- .foreground-scheme-info-complement {
1362
- color: #5778ff;
1363
- }
1364
- .foreground-scheme-info-invert {
1365
- color: #0022a8;
1366
- }
1367
- .foreground-scheme-warning {
1368
- color: #e6b905;
1369
- }
1370
- .foreground-scheme-warning-light {
1371
- color: #fbd53c;
1372
- }
1373
- .foreground-scheme-warning-lighter {
1374
- color: #fde587;
1375
- }
1376
- .foreground-scheme-warning-dark {
1377
- color: #b49104;
1378
- }
1379
- .foreground-scheme-warning-darker {
1380
- color: #826803;
1381
- }
1382
- .foreground-scheme-warning-complement {
1383
- color: #0532e6;
1384
- }
1385
- .foreground-scheme-warning-invert {
1386
- color: #1946fa;
1387
- }
1388
- .foreground-scheme-alert {
1389
- color: #ff7300;
1390
- }
1391
- .foreground-scheme-alert-light {
1392
- color: #ff9d4d;
1393
- }
1394
- .foreground-scheme-alert-lighter {
1395
- color: #ffc799;
1396
- }
1397
- .foreground-scheme-alert-dark {
1398
- color: #cc5c00;
1399
- }
1400
- .foreground-scheme-alert-darker {
1401
- color: #994500;
1402
- }
1403
- .foreground-scheme-alert-complement {
1404
- color: #008cff;
1405
- }
1406
- .foreground-scheme-alert-invert {
1407
- color: #008cff;
1408
- }
1409
- .foreground-scheme-error {
1410
- color: red;
1411
- }
1412
- .foreground-scheme-error-light {
1413
- color: #ff4d4d;
1414
- }
1415
- .foreground-scheme-error-lighter {
1416
- color: #ff9999;
1417
- }
1418
- .foreground-scheme-error-dark {
1419
- color: #cc0000;
1420
- }
1421
- .foreground-scheme-error-darker {
1422
- color: #990000;
1423
- }
1424
- .foreground-scheme-error-complement {
1425
- color: aqua;
1426
- }
1427
- .foreground-scheme-error-invert {
1428
- color: aqua;
1429
- }
1430
-
1431
- .bg-scheme-discrete {
1432
- background-color: #ccc;
1433
- }
1434
- .bg-scheme-discrete-light {
1435
- background-color: #f2f2f2;
1436
- }
1437
- .bg-scheme-discrete-lighter {
1438
- background-color: white;
1439
- }
1440
- .bg-scheme-discrete-dark {
1441
- background-color: #b3b3b3;
1442
- }
1443
- .bg-scheme-discrete-darker {
1444
- background-color: #999999;
1445
- }
1446
- .bg-scheme-discrete-complement {
1447
- background-color: #cccccc;
1448
- }
1449
- .bg-scheme-discrete-invert {
1450
- background-color: #333333;
1451
- }
1452
- .bg-scheme-success {
1453
- background-color: green;
1454
- }
1455
- .bg-scheme-success-light {
1456
- background-color: #00cd00;
1457
- }
1458
- .bg-scheme-success-lighter {
1459
- background-color: #1aff1a;
1460
- }
1461
- .bg-scheme-success-dark {
1462
- background-color: #004d00;
1463
- }
1464
- .bg-scheme-success-darker {
1465
- background-color: #001a00;
1466
- }
1467
- .bg-scheme-success-complement {
1468
- background-color: purple;
1469
- }
1470
- .bg-scheme-success-invert {
1471
- background-color: #ff7fff;
1472
- }
1473
- .bg-scheme-info {
1474
- background-color: #ffdd57;
1475
- }
1476
- .bg-scheme-info-light {
1477
- background-color: #ffeda3;
1478
- }
1479
- .bg-scheme-info-lighter {
1480
- background-color: #fffcf0;
1481
- }
1482
- .bg-scheme-info-dark {
1483
- background-color: #ffd324;
1484
- }
1485
- .bg-scheme-info-darker {
1486
- background-color: #f0c000;
1487
- }
1488
- .bg-scheme-info-complement {
1489
- background-color: #5778ff;
1490
- }
1491
- .bg-scheme-info-invert {
1492
- background-color: #0022a8;
1493
- }
1494
- .bg-scheme-warning {
1495
- background-color: #e6b905;
1496
- }
1497
- .bg-scheme-warning-light {
1498
- background-color: #fbd53c;
1499
- }
1500
- .bg-scheme-warning-lighter {
1501
- background-color: #fde587;
1502
- }
1503
- .bg-scheme-warning-dark {
1504
- background-color: #b49104;
1505
- }
1506
- .bg-scheme-warning-darker {
1507
- background-color: #826803;
1508
- }
1509
- .bg-scheme-warning-complement {
1510
- background-color: #0532e6;
1511
- }
1512
- .bg-scheme-warning-invert {
1513
- background-color: #1946fa;
1514
- }
1515
- .bg-scheme-alert {
1516
- background-color: #ff7300;
1517
- }
1518
- .bg-scheme-alert-light {
1519
- background-color: #ff9d4d;
1520
- }
1521
- .bg-scheme-alert-lighter {
1522
- background-color: #ffc799;
1523
- }
1524
- .bg-scheme-alert-dark {
1525
- background-color: #cc5c00;
1526
- }
1527
- .bg-scheme-alert-darker {
1528
- background-color: #994500;
1529
- }
1530
- .bg-scheme-alert-complement {
1531
- background-color: #008cff;
1532
- }
1533
- .bg-scheme-alert-invert {
1534
- background-color: #008cff;
1535
- }
1536
- .bg-scheme-error {
1537
- background-color: red;
1538
- }
1539
- .bg-scheme-error-light {
1540
- background-color: #ff4d4d;
1541
- }
1542
- .bg-scheme-error-lighter {
1543
- background-color: #ff9999;
1544
- }
1545
- .bg-scheme-error-dark {
1546
- background-color: #cc0000;
1547
- }
1548
- .bg-scheme-error-darker {
1549
- background-color: #990000;
1550
- }
1551
- .bg-scheme-error-complement {
1552
- background-color: aqua;
1553
- }
1554
- .bg-scheme-error-invert {
1555
- background-color: aqua;
1556
- }
1557
-
1558
- .bg-themed-palette-discrete {
1559
- color: black;
1560
- text-shadow: 0 0 0.125rem #b3b3b3;
1561
- background-color: #ccc;
1562
- }
1563
- .bg-themed-palette-discrete-light {
1564
- color: black;
1565
- background-color: #f2f2f2;
1566
- }
1567
- .bg-themed-palette-discrete-lighter {
1568
- color: black;
1569
- background-color: white;
1570
- }
1571
- .bg-themed-palette-discrete-dark {
1572
- color: black;
1573
- background-color: #b3b3b3;
1574
- }
1575
- .bg-themed-palette-discrete-darker {
1576
- color: black;
1577
- background-color: #999999;
1578
- }
1579
- .bg-themed-palette-discrete-complement {
1580
- color: black;
1581
- background-color: #cccccc;
1582
- }
1583
- .bg-themed-palette-discrete-invert {
1584
- color: white;
1585
- background-color: #333333;
1586
- }
1587
- .bg-themed-palette-success {
1588
- color: white;
1589
- text-shadow: 0 0 0.125rem #004d00;
1590
- background-color: green;
1591
- }
1592
- .bg-themed-palette-success-light {
1593
- color: black;
1594
- background-color: #00cd00;
1595
- }
1596
- .bg-themed-palette-success-lighter {
1597
- color: black;
1598
- background-color: #1aff1a;
1599
- }
1600
- .bg-themed-palette-success-dark {
1601
- color: white;
1602
- background-color: #004d00;
1603
- }
1604
- .bg-themed-palette-success-darker {
1605
- color: white;
1606
- background-color: #001a00;
1607
- }
1608
- .bg-themed-palette-success-complement {
1609
- color: white;
1610
- background-color: purple;
1611
- }
1612
- .bg-themed-palette-success-invert {
1613
- color: black;
1614
- background-color: #ff7fff;
1615
- }
1616
- .bg-themed-palette-info {
1617
- color: black;
1618
- text-shadow: 0 0 0.125rem #ffd324;
1619
- background-color: #ffdd57;
1620
- }
1621
- .bg-themed-palette-info-light {
1622
- color: black;
1623
- background-color: #ffeda3;
1624
- }
1625
- .bg-themed-palette-info-lighter {
1626
- color: black;
1627
- background-color: #fffcf0;
1628
- }
1629
- .bg-themed-palette-info-dark {
1630
- color: black;
1631
- background-color: #ffd324;
1632
- }
1633
- .bg-themed-palette-info-darker {
1634
- color: black;
1635
- background-color: #f0c000;
1636
- }
1637
- .bg-themed-palette-info-complement {
1638
- color: white;
1639
- background-color: #5778ff;
1640
- }
1641
- .bg-themed-palette-info-invert {
1642
- color: white;
1643
- background-color: #0022a8;
1644
- }
1645
- .bg-themed-palette-warning {
1646
- color: black;
1647
- text-shadow: 0 0 0.125rem #b49104;
1648
- background-color: #e6b905;
1649
- }
1650
- .bg-themed-palette-warning-light {
1651
- color: black;
1652
- background-color: #fbd53c;
1653
- }
1654
- .bg-themed-palette-warning-lighter {
1655
- color: black;
1656
- background-color: #fde587;
1657
- }
1658
- .bg-themed-palette-warning-dark {
1659
- color: black;
1660
- background-color: #b49104;
1661
- }
1662
- .bg-themed-palette-warning-darker {
1663
- color: white;
1664
- background-color: #826803;
1665
- }
1666
- .bg-themed-palette-warning-complement {
1667
- color: white;
1668
- background-color: #0532e6;
1669
- }
1670
- .bg-themed-palette-warning-invert {
1671
- color: white;
1672
- background-color: #1946fa;
1673
- }
1674
- .bg-themed-palette-alert {
1675
- color: black;
1676
- text-shadow: 0 0 0.125rem #cc5c00;
1677
- background-color: #ff7300;
1678
- }
1679
- .bg-themed-palette-alert-light {
1680
- color: black;
1681
- background-color: #ff9d4d;
1682
- }
1683
- .bg-themed-palette-alert-lighter {
1684
- color: black;
1685
- background-color: #ffc799;
1686
- }
1687
- .bg-themed-palette-alert-dark {
1688
- color: black;
1689
- background-color: #cc5c00;
1690
- }
1691
- .bg-themed-palette-alert-darker {
1692
- color: white;
1693
- background-color: #994500;
1694
- }
1695
- .bg-themed-palette-alert-complement {
1696
- color: white;
1697
- background-color: #008cff;
1698
- }
1699
- .bg-themed-palette-alert-invert {
1700
- color: white;
1701
- background-color: #008cff;
1702
- }
1703
- .bg-themed-palette-error {
1704
- color: white;
1705
- text-shadow: 0 0 0.125rem #cc0000;
1706
- background-color: red;
1707
- }
1708
- .bg-themed-palette-error-light {
1709
- color: black;
1710
- background-color: #ff4d4d;
1711
- }
1712
- .bg-themed-palette-error-lighter {
1713
- color: black;
1714
- background-color: #ff9999;
1715
- }
1716
- .bg-themed-palette-error-dark {
1717
- color: white;
1718
- background-color: #cc0000;
1719
- }
1720
- .bg-themed-palette-error-darker {
1721
- color: white;
1722
- background-color: #990000;
1723
- }
1724
- .bg-themed-palette-error-complement {
1725
- color: black;
1726
- background-color: aqua;
1727
- }
1728
- .bg-themed-palette-error-invert {
1729
- color: black;
1730
- background-color: aqua;
1731
- }
1732
-
1733
- .border-color-scheme-discrete {
1734
- border-color: #b3b3b3 !important;
1735
- }
1736
- .border-color-scheme-success {
1737
- border-color: #004d00 !important;
1738
- }
1739
- .border-color-scheme-info {
1740
- border-color: #ffd324 !important;
1741
- }
1742
- .border-color-scheme-warning {
1743
- border-color: #b49104 !important;
1744
- }
1745
- .border-color-scheme-alert {
1746
- border-color: #cc5c00 !important;
1747
- }
1748
- .border-color-scheme-error {
1749
- border-color: #cc0000 !important;
1750
- }
1751
-
1752
- .foreground-grey-100 {
1753
- color: #f4f4f4;
1754
- }
1755
- .foreground-grey-100-light {
1756
- color: white;
1757
- }
1758
- .foreground-grey-100-lighter {
1759
- color: white;
1760
- }
1761
- .foreground-grey-100-dark {
1762
- color: #dbdbdb;
1763
- }
1764
- .foreground-grey-100-darker {
1765
- color: #c1c1c1;
1766
- }
1767
- .foreground-grey-100-complement {
1768
- color: #f4f4f4;
1769
- }
1770
- .foreground-grey-100-invert {
1771
- color: #0b0b0b;
1772
- }
1773
- .foreground-grey-200 {
1774
- color: #e2e2e2;
1775
- }
1776
- .foreground-grey-200-light {
1777
- color: white;
1778
- }
1779
- .foreground-grey-200-lighter {
1780
- color: white;
1781
- }
1782
- .foreground-grey-200-dark {
1783
- color: #c9c9c9;
1784
- }
1785
- .foreground-grey-200-darker {
1786
- color: #afafaf;
1787
- }
1788
- .foreground-grey-200-complement {
1789
- color: #e2e2e2;
1790
- }
1791
- .foreground-grey-200-invert {
1792
- color: #1d1d1d;
1793
- }
1794
- .foreground-grey-300 {
1795
- color: #d0d0d0;
1796
- }
1797
- .foreground-grey-300-light {
1798
- color: #f6f6f6;
1799
- }
1800
- .foreground-grey-300-lighter {
1801
- color: white;
1802
- }
1803
- .foreground-grey-300-dark {
1804
- color: #b7b7b7;
1805
- }
1806
- .foreground-grey-300-darker {
1807
- color: #9d9d9d;
1808
- }
1809
- .foreground-grey-300-complement {
1810
- color: #d0d0d0;
1811
- }
1812
- .foreground-grey-300-invert {
1813
- color: #2f2f2f;
1814
- }
1815
- .foreground-grey-400 {
1816
- color: #bdbdbd;
1817
- }
1818
- .foreground-grey-400-light {
1819
- color: #e3e3e3;
1820
- }
1821
- .foreground-grey-400-lighter {
1822
- color: white;
1823
- }
1824
- .foreground-grey-400-dark {
1825
- color: #a4a4a4;
1826
- }
1827
- .foreground-grey-400-darker {
1828
- color: #8a8a8a;
1829
- }
1830
- .foreground-grey-400-complement {
1831
- color: #bdbdbd;
1832
- }
1833
- .foreground-grey-400-invert {
1834
- color: #424242;
1835
- }
1836
- .foreground-grey-500 {
1837
- color: #ababab;
1838
- }
1839
- .foreground-grey-500-light {
1840
- color: #d1d1d1;
1841
- }
1842
- .foreground-grey-500-lighter {
1843
- color: #f8f8f8;
1844
- }
1845
- .foreground-grey-500-dark {
1846
- color: #929292;
1847
- }
1848
- .foreground-grey-500-darker {
1849
- color: #787878;
1850
- }
1851
- .foreground-grey-500-complement {
1852
- color: #ababab;
1853
- }
1854
- .foreground-grey-500-invert {
1855
- color: #545454;
1856
- }
1857
- .foreground-grey-600 {
1858
- color: #999999;
1859
- }
1860
- .foreground-grey-600-light {
1861
- color: #bfbfbf;
1862
- }
1863
- .foreground-grey-600-lighter {
1864
- color: #e6e6e6;
1865
- }
1866
- .foreground-grey-600-dark {
1867
- color: gray;
1868
- }
1869
- .foreground-grey-600-darker {
1870
- color: #666666;
1871
- }
1872
- .foreground-grey-600-complement {
1873
- color: #999999;
1874
- }
1875
- .foreground-grey-600-invert {
1876
- color: #666666;
1877
- }
1878
-
1879
- .bg-grey-100 {
1880
- background-color: #f4f4f4;
1881
- }
1882
- .bg-grey-100-light {
1883
- background-color: white;
1884
- }
1885
- .bg-grey-100-lighter {
1886
- background-color: white;
1887
- }
1888
- .bg-grey-100-dark {
1889
- background-color: #dbdbdb;
1890
- }
1891
- .bg-grey-100-darker {
1892
- background-color: #c1c1c1;
1893
- }
1894
- .bg-grey-100-complement {
1895
- background-color: #f4f4f4;
1896
- }
1897
- .bg-grey-100-invert {
1898
- background-color: #0b0b0b;
1899
- }
1900
- .bg-grey-200 {
1901
- background-color: #e2e2e2;
1902
- }
1903
- .bg-grey-200-light {
1904
- background-color: white;
1905
- }
1906
- .bg-grey-200-lighter {
1907
- background-color: white;
1908
- }
1909
- .bg-grey-200-dark {
1910
- background-color: #c9c9c9;
1911
- }
1912
- .bg-grey-200-darker {
1913
- background-color: #afafaf;
1914
- }
1915
- .bg-grey-200-complement {
1916
- background-color: #e2e2e2;
1917
- }
1918
- .bg-grey-200-invert {
1919
- background-color: #1d1d1d;
1920
- }
1921
- .bg-grey-300 {
1922
- background-color: #d0d0d0;
1923
- }
1924
- .bg-grey-300-light {
1925
- background-color: #f6f6f6;
1926
- }
1927
- .bg-grey-300-lighter {
1928
- background-color: white;
1929
- }
1930
- .bg-grey-300-dark {
1931
- background-color: #b7b7b7;
1932
- }
1933
- .bg-grey-300-darker {
1934
- background-color: #9d9d9d;
1935
- }
1936
- .bg-grey-300-complement {
1937
- background-color: #d0d0d0;
1938
- }
1939
- .bg-grey-300-invert {
1940
- background-color: #2f2f2f;
1941
- }
1942
- .bg-grey-400 {
1943
- background-color: #bdbdbd;
1944
- }
1945
- .bg-grey-400-light {
1946
- background-color: #e3e3e3;
1947
- }
1948
- .bg-grey-400-lighter {
1949
- background-color: white;
1950
- }
1951
- .bg-grey-400-dark {
1952
- background-color: #a4a4a4;
1953
- }
1954
- .bg-grey-400-darker {
1955
- background-color: #8a8a8a;
1956
- }
1957
- .bg-grey-400-complement {
1958
- background-color: #bdbdbd;
1959
- }
1960
- .bg-grey-400-invert {
1961
- background-color: #424242;
1962
- }
1963
- .bg-grey-500 {
1964
- background-color: #ababab;
1965
- }
1966
- .bg-grey-500-light {
1967
- background-color: #d1d1d1;
1968
- }
1969
- .bg-grey-500-lighter {
1970
- background-color: #f8f8f8;
1971
- }
1972
- .bg-grey-500-dark {
1973
- background-color: #929292;
1974
- }
1975
- .bg-grey-500-darker {
1976
- background-color: #787878;
1977
- }
1978
- .bg-grey-500-complement {
1979
- background-color: #ababab;
1980
- }
1981
- .bg-grey-500-invert {
1982
- background-color: #545454;
1983
- }
1984
- .bg-grey-600 {
1985
- background-color: #999999;
1986
- }
1987
- .bg-grey-600-light {
1988
- background-color: #bfbfbf;
1989
- }
1990
- .bg-grey-600-lighter {
1991
- background-color: #e6e6e6;
1992
- }
1993
- .bg-grey-600-dark {
1994
- background-color: gray;
1995
- }
1996
- .bg-grey-600-darker {
1997
- background-color: #666666;
1998
- }
1999
- .bg-grey-600-complement {
2000
- background-color: #999999;
2001
- }
2002
- .bg-grey-600-invert {
2003
- background-color: #666666;
2004
- }
2005
-
2006
- .bg-themed-palette-100 {
2007
- color: black;
2008
- text-shadow: 0 0 0.125rem #dbdbdb;
2009
- background-color: #f4f4f4;
2010
- }
2011
- .bg-themed-palette-100-light {
2012
- color: black;
2013
- background-color: white;
2014
- }
2015
- .bg-themed-palette-100-lighter {
2016
- color: black;
2017
- background-color: white;
2018
- }
2019
- .bg-themed-palette-100-dark {
2020
- color: black;
2021
- background-color: #dbdbdb;
2022
- }
2023
- .bg-themed-palette-100-darker {
2024
- color: black;
2025
- background-color: #c1c1c1;
2026
- }
2027
- .bg-themed-palette-100-complement {
2028
- color: black;
2029
- background-color: #f4f4f4;
2030
- }
2031
- .bg-themed-palette-100-invert {
2032
- color: white;
2033
- background-color: #0b0b0b;
2034
- }
2035
- .bg-themed-palette-200 {
2036
- color: black;
2037
- text-shadow: 0 0 0.125rem #c9c9c9;
2038
- background-color: #e2e2e2;
2039
- }
2040
- .bg-themed-palette-200-light {
2041
- color: black;
2042
- background-color: white;
2043
- }
2044
- .bg-themed-palette-200-lighter {
2045
- color: black;
2046
- background-color: white;
2047
- }
2048
- .bg-themed-palette-200-dark {
2049
- color: black;
2050
- background-color: #c9c9c9;
2051
- }
2052
- .bg-themed-palette-200-darker {
2053
- color: black;
2054
- background-color: #afafaf;
2055
- }
2056
- .bg-themed-palette-200-complement {
2057
- color: black;
2058
- background-color: #e2e2e2;
2059
- }
2060
- .bg-themed-palette-200-invert {
2061
- color: white;
2062
- background-color: #1d1d1d;
2063
- }
2064
- .bg-themed-palette-300 {
2065
- color: black;
2066
- text-shadow: 0 0 0.125rem #b7b7b7;
2067
- background-color: #d0d0d0;
2068
- }
2069
- .bg-themed-palette-300-light {
2070
- color: black;
2071
- background-color: #f6f6f6;
2072
- }
2073
- .bg-themed-palette-300-lighter {
2074
- color: black;
2075
- background-color: white;
2076
- }
2077
- .bg-themed-palette-300-dark {
2078
- color: black;
2079
- background-color: #b7b7b7;
2080
- }
2081
- .bg-themed-palette-300-darker {
2082
- color: black;
2083
- background-color: #9d9d9d;
2084
- }
2085
- .bg-themed-palette-300-complement {
2086
- color: black;
2087
- background-color: #d0d0d0;
2088
- }
2089
- .bg-themed-palette-300-invert {
2090
- color: white;
2091
- background-color: #2f2f2f;
2092
- }
2093
- .bg-themed-palette-400 {
2094
- color: black;
2095
- text-shadow: 0 0 0.125rem #a4a4a4;
2096
- background-color: #bdbdbd;
2097
- }
2098
- .bg-themed-palette-400-light {
2099
- color: black;
2100
- background-color: #e3e3e3;
2101
- }
2102
- .bg-themed-palette-400-lighter {
2103
- color: black;
2104
- background-color: white;
2105
- }
2106
- .bg-themed-palette-400-dark {
2107
- color: black;
2108
- background-color: #a4a4a4;
2109
- }
2110
- .bg-themed-palette-400-darker {
2111
- color: black;
2112
- background-color: #8a8a8a;
2113
- }
2114
- .bg-themed-palette-400-complement {
2115
- color: black;
2116
- background-color: #bdbdbd;
2117
- }
2118
- .bg-themed-palette-400-invert {
2119
- color: white;
2120
- background-color: #424242;
2121
- }
2122
- .bg-themed-palette-500 {
2123
- color: black;
2124
- text-shadow: 0 0 0.125rem #929292;
2125
- background-color: #ababab;
2126
- }
2127
- .bg-themed-palette-500-light {
2128
- color: black;
2129
- background-color: #d1d1d1;
2130
- }
2131
- .bg-themed-palette-500-lighter {
2132
- color: black;
2133
- background-color: #f8f8f8;
2134
- }
2135
- .bg-themed-palette-500-dark {
2136
- color: black;
2137
- background-color: #929292;
2138
- }
2139
- .bg-themed-palette-500-darker {
2140
- color: white;
2141
- background-color: #787878;
2142
- }
2143
- .bg-themed-palette-500-complement {
2144
- color: black;
2145
- background-color: #ababab;
2146
- }
2147
- .bg-themed-palette-500-invert {
2148
- color: white;
2149
- background-color: #545454;
2150
- }
2151
- .bg-themed-palette-600 {
2152
- color: black;
2153
- text-shadow: 0 0 0.125rem gray;
2154
- background-color: #999999;
2155
- }
2156
- .bg-themed-palette-600-light {
2157
- color: black;
2158
- background-color: #bfbfbf;
2159
- }
2160
- .bg-themed-palette-600-lighter {
2161
- color: black;
2162
- background-color: #e6e6e6;
2163
- }
2164
- .bg-themed-palette-600-dark {
2165
- color: black;
2166
- background-color: gray;
2167
- }
2168
- .bg-themed-palette-600-darker {
2169
- color: white;
2170
- background-color: #666666;
2171
- }
2172
- .bg-themed-palette-600-complement {
2173
- color: black;
2174
- background-color: #999999;
2175
- }
2176
- .bg-themed-palette-600-invert {
2177
- color: white;
2178
- background-color: #666666;
2179
- }
2180
-
2181
- .border-color-grey-100 {
2182
- border-color: #dbdbdb !important;
2183
- }
2184
- .border-color-grey-200 {
2185
- border-color: #c9c9c9 !important;
2186
- }
2187
- .border-color-grey-300 {
2188
- border-color: #b7b7b7 !important;
2189
- }
2190
- .border-color-grey-400 {
2191
- border-color: #a4a4a4 !important;
2192
- }
2193
- .border-color-grey-500 {
2194
- border-color: #929292 !important;
2195
- }
2196
- .border-color-grey-600 {
2197
- border-color: gray !important;
2198
- }
2199
- .marg .marg-tiny {
2200
- margin: --box-density-preset-tiny;
2201
- }
2202
- .marg .marg-small {
2203
- margin: --box-density-preset-small;
2204
- }
2205
- .marg .marg-medium {
2206
- margin: --box-density-preset-medium;
2207
- }
2208
- .marg .marg-large {
2209
- margin: --box-density-preset-large;
2210
- }
2211
- .marg, .marg-1 {
2212
- margin: var(--box-density-1);
2213
- }
2214
- .marg-2 {
2215
- margin: var(--box-density-2);
2216
- }
2217
- .marg-3 {
2218
- margin: var(--box-density-3);
2219
- }
2220
- .marg-4 {
2221
- margin: var(--box-density-4);
2222
- }
2223
- .marg-5 {
2224
- margin: var(--box-density-5);
2225
- }
2226
- .marg-6 {
2227
- margin: var(--box-density-6);
2228
- }
2229
- .marg-7 {
2230
- margin: var(--box-density-7);
2231
- }
2232
- .marg-8 {
2233
- margin: var(--box-density-8);
2234
- }
2235
- .marg-9 {
2236
- margin: var(--box-density-9);
2237
- }
2238
- .marg-10 {
2239
- margin: var(--box-density-10);
2240
- }
2241
- .marg-11 {
2242
- margin: var(--box-density-11);
2243
- }
2244
- .marg-12 {
2245
- margin: var(--box-density-12);
2246
- }
2247
-
2248
- .marg-t .marg-t-tiny {
2249
- margin: --box-density-preset-tiny;
2250
- }
2251
- .marg-t .marg-t-small {
2252
- margin: --box-density-preset-small;
2253
- }
2254
- .marg-t .marg-t-medium {
2255
- margin: --box-density-preset-medium;
2256
- }
2257
- .marg-t .marg-t-large {
2258
- margin: --box-density-preset-large;
2259
- }
2260
- .marg-t, .marg-t-1 {
2261
- margin-top: var(--box-density-1);
2262
- }
2263
- .marg-t-2 {
2264
- margin-top: var(--box-density-2);
2265
- }
2266
- .marg-t-3 {
2267
- margin-top: var(--box-density-3);
2268
- }
2269
- .marg-t-4 {
2270
- margin-top: var(--box-density-4);
2271
- }
2272
- .marg-t-5 {
2273
- margin-top: var(--box-density-5);
2274
- }
2275
- .marg-t-6 {
2276
- margin-top: var(--box-density-6);
2277
- }
2278
- .marg-t-7 {
2279
- margin-top: var(--box-density-7);
2280
- }
2281
- .marg-t-8 {
2282
- margin-top: var(--box-density-8);
2283
- }
2284
- .marg-t-9 {
2285
- margin-top: var(--box-density-9);
2286
- }
2287
- .marg-t-10 {
2288
- margin-top: var(--box-density-10);
2289
- }
2290
- .marg-t-11 {
2291
- margin-top: var(--box-density-11);
2292
- }
2293
- .marg-t-12 {
2294
- margin-top: var(--box-density-12);
2295
- }
2296
-
2297
- .marg-b .marg-b-tiny {
2298
- margin: --box-density-preset-tiny;
2299
- }
2300
- .marg-b .marg-b-small {
2301
- margin: --box-density-preset-small;
2302
- }
2303
- .marg-b .marg-b-medium {
2304
- margin: --box-density-preset-medium;
2305
- }
2306
- .marg-b .marg-b-large {
2307
- margin: --box-density-preset-large;
2308
- }
2309
- .marg-b, .marg-b-1 {
2310
- margin-bottom: var(--box-density-1);
2311
- }
2312
- .marg-b-2 {
2313
- margin-bottom: var(--box-density-2);
2314
- }
2315
- .marg-b-3 {
2316
- margin-bottom: var(--box-density-3);
2317
- }
2318
- .marg-b-4 {
2319
- margin-bottom: var(--box-density-4);
2320
- }
2321
- .marg-b-5 {
2322
- margin-bottom: var(--box-density-5);
2323
- }
2324
- .marg-b-6 {
2325
- margin-bottom: var(--box-density-6);
2326
- }
2327
- .marg-b-7 {
2328
- margin-bottom: var(--box-density-7);
2329
- }
2330
- .marg-b-8 {
2331
- margin-bottom: var(--box-density-8);
2332
- }
2333
- .marg-b-9 {
2334
- margin-bottom: var(--box-density-9);
2335
- }
2336
- .marg-b-10 {
2337
- margin-bottom: var(--box-density-10);
2338
- }
2339
- .marg-b-11 {
2340
- margin-bottom: var(--box-density-11);
2341
- }
2342
- .marg-b-12 {
2343
- margin-bottom: var(--box-density-12);
2344
- }
2345
-
2346
- .marg-l .marg-l-tiny {
2347
- margin: --box-density-preset-tiny;
2348
- }
2349
- .marg-l .marg-l-small {
2350
- margin: --box-density-preset-small;
2351
- }
2352
- .marg-l .marg-l-medium {
2353
- margin: --box-density-preset-medium;
2354
- }
2355
- .marg-l .marg-l-large {
2356
- margin: --box-density-preset-large;
2357
- }
2358
- .marg-l, .marg-l-1 {
2359
- margin-left: var(--box-density-1);
2360
- }
2361
- .marg-l-2 {
2362
- margin-left: var(--box-density-2);
2363
- }
2364
- .marg-l-3 {
2365
- margin-left: var(--box-density-3);
2366
- }
2367
- .marg-l-4 {
2368
- margin-left: var(--box-density-4);
2369
- }
2370
- .marg-l-5 {
2371
- margin-left: var(--box-density-5);
2372
- }
2373
- .marg-l-6 {
2374
- margin-left: var(--box-density-6);
2375
- }
2376
- .marg-l-7 {
2377
- margin-left: var(--box-density-7);
2378
- }
2379
- .marg-l-8 {
2380
- margin-left: var(--box-density-8);
2381
- }
2382
- .marg-l-9 {
2383
- margin-left: var(--box-density-9);
2384
- }
2385
- .marg-l-10 {
2386
- margin-left: var(--box-density-10);
2387
- }
2388
- .marg-l-11 {
2389
- margin-left: var(--box-density-11);
2390
- }
2391
- .marg-l-12 {
2392
- margin-left: var(--box-density-12);
2393
- }
2394
-
2395
- .marg-r .marg-r-tiny {
2396
- margin: --box-density-preset-tiny;
2397
- }
2398
- .marg-r .marg-r-small {
2399
- margin: --box-density-preset-small;
2400
- }
2401
- .marg-r .marg-r-medium {
2402
- margin: --box-density-preset-medium;
2403
- }
2404
- .marg-r .marg-r-large {
2405
- margin: --box-density-preset-large;
2406
- }
2407
- .marg-r, .marg-r-1 {
2408
- margin-right: var(--box-density-1);
2409
- }
2410
- .marg-r-2 {
2411
- margin-right: var(--box-density-2);
2412
- }
2413
- .marg-r-3 {
2414
- margin-right: var(--box-density-3);
2415
- }
2416
- .marg-r-4 {
2417
- margin-right: var(--box-density-4);
2418
- }
2419
- .marg-r-5 {
2420
- margin-right: var(--box-density-5);
2421
- }
2422
- .marg-r-6 {
2423
- margin-right: var(--box-density-6);
2424
- }
2425
- .marg-r-7 {
2426
- margin-right: var(--box-density-7);
2427
- }
2428
- .marg-r-8 {
2429
- margin-right: var(--box-density-8);
2430
- }
2431
- .marg-r-9 {
2432
- margin-right: var(--box-density-9);
2433
- }
2434
- .marg-r-10 {
2435
- margin-right: var(--box-density-10);
2436
- }
2437
- .marg-r-11 {
2438
- margin-right: var(--box-density-11);
2439
- }
2440
- .marg-r-12 {
2441
- margin-right: var(--box-density-12);
2442
- }
2443
-
2444
- .marg-all .marg-all-tiny {
2445
- margin: --box-density-preset-tiny;
2446
- }
2447
- .marg-all .marg-all-small {
2448
- margin: --box-density-preset-small;
2449
- }
2450
- .marg-all .marg-all-medium {
2451
- margin: --box-density-preset-medium;
2452
- }
2453
- .marg-all .marg-all-large {
2454
- margin: --box-density-preset-large;
2455
- }
2456
- .marg-all, .marg-all-1 {
2457
- margin: var(--box-density-1);
2458
- }
2459
- .marg-all-2 {
2460
- margin: var(--box-density-2);
2461
- }
2462
- .marg-all-3 {
2463
- margin: var(--box-density-3);
2464
- }
2465
- .marg-all-4 {
2466
- margin: var(--box-density-4);
2467
- }
2468
- .marg-all-5 {
2469
- margin: var(--box-density-5);
2470
- }
2471
- .marg-all-6 {
2472
- margin: var(--box-density-6);
2473
- }
2474
- .marg-all-7 {
2475
- margin: var(--box-density-7);
2476
- }
2477
- .marg-all-8 {
2478
- margin: var(--box-density-8);
2479
- }
2480
- .marg-all-9 {
2481
- margin: var(--box-density-9);
2482
- }
2483
- .marg-all-10 {
2484
- margin: var(--box-density-10);
2485
- }
2486
- .marg-all-11 {
2487
- margin: var(--box-density-11);
2488
- }
2489
- .marg-all-12 {
2490
- margin: var(--box-density-12);
2491
- }
2492
-
2493
- .marg-u .marg-u-tiny {
2494
- margin: --box-density-preset-tiny;
2495
- }
2496
- .marg-u .marg-u-small {
2497
- margin: --box-density-preset-small;
2498
- }
2499
- .marg-u .marg-u-medium {
2500
- margin: --box-density-preset-medium;
2501
- }
2502
- .marg-u .marg-u-large {
2503
- margin: --box-density-preset-large;
2504
- }
2505
- .marg-u, .marg-u-1 {
2506
- margin-bottom: var(--box-density-1);
2507
- margin-left: var(--box-density-1);
2508
- margin-right: var(--box-density-1);
2509
- }
2510
- .marg-u-2 {
2511
- margin-bottom: var(--box-density-2);
2512
- margin-left: var(--box-density-2);
2513
- margin-right: var(--box-density-2);
2514
- }
2515
- .marg-u-3 {
2516
- margin-bottom: var(--box-density-3);
2517
- margin-left: var(--box-density-3);
2518
- margin-right: var(--box-density-3);
2519
- }
2520
- .marg-u-4 {
2521
- margin-bottom: var(--box-density-4);
2522
- margin-left: var(--box-density-4);
2523
- margin-right: var(--box-density-4);
2524
- }
2525
- .marg-u-5 {
2526
- margin-bottom: var(--box-density-5);
2527
- margin-left: var(--box-density-5);
2528
- margin-right: var(--box-density-5);
2529
- }
2530
- .marg-u-6 {
2531
- margin-bottom: var(--box-density-6);
2532
- margin-left: var(--box-density-6);
2533
- margin-right: var(--box-density-6);
2534
- }
2535
- .marg-u-7 {
2536
- margin-bottom: var(--box-density-7);
2537
- margin-left: var(--box-density-7);
2538
- margin-right: var(--box-density-7);
2539
- }
2540
- .marg-u-8 {
2541
- margin-bottom: var(--box-density-8);
2542
- margin-left: var(--box-density-8);
2543
- margin-right: var(--box-density-8);
2544
- }
2545
- .marg-u-9 {
2546
- margin-bottom: var(--box-density-9);
2547
- margin-left: var(--box-density-9);
2548
- margin-right: var(--box-density-9);
2549
- }
2550
- .marg-u-10 {
2551
- margin-bottom: var(--box-density-10);
2552
- margin-left: var(--box-density-10);
2553
- margin-right: var(--box-density-10);
2554
- }
2555
- .marg-u-11 {
2556
- margin-bottom: var(--box-density-11);
2557
- margin-left: var(--box-density-11);
2558
- margin-right: var(--box-density-11);
2559
- }
2560
- .marg-u-12 {
2561
- margin-bottom: var(--box-density-12);
2562
- margin-left: var(--box-density-12);
2563
- margin-right: var(--box-density-12);
2564
- }
2565
-
2566
- .marg-ii .marg-ii-tiny {
2567
- margin: --box-density-preset-tiny;
2568
- }
2569
- .marg-ii .marg-ii-small {
2570
- margin: --box-density-preset-small;
2571
- }
2572
- .marg-ii .marg-ii-medium {
2573
- margin: --box-density-preset-medium;
2574
- }
2575
- .marg-ii .marg-ii-large {
2576
- margin: --box-density-preset-large;
2577
- }
2578
- .marg-ii, .marg-ii-1 {
2579
- margin-left: var(--box-density-1);
2580
- margin-right: var(--box-density-1);
2581
- }
2582
- .marg-ii-2 {
2583
- margin-left: var(--box-density-2);
2584
- margin-right: var(--box-density-2);
2585
- }
2586
- .marg-ii-3 {
2587
- margin-left: var(--box-density-3);
2588
- margin-right: var(--box-density-3);
2589
- }
2590
- .marg-ii-4 {
2591
- margin-left: var(--box-density-4);
2592
- margin-right: var(--box-density-4);
2593
- }
2594
- .marg-ii-5 {
2595
- margin-left: var(--box-density-5);
2596
- margin-right: var(--box-density-5);
2597
- }
2598
- .marg-ii-6 {
2599
- margin-left: var(--box-density-6);
2600
- margin-right: var(--box-density-6);
2601
- }
2602
- .marg-ii-7 {
2603
- margin-left: var(--box-density-7);
2604
- margin-right: var(--box-density-7);
2605
- }
2606
- .marg-ii-8 {
2607
- margin-left: var(--box-density-8);
2608
- margin-right: var(--box-density-8);
2609
- }
2610
- .marg-ii-9 {
2611
- margin-left: var(--box-density-9);
2612
- margin-right: var(--box-density-9);
2613
- }
2614
- .marg-ii-10 {
2615
- margin-left: var(--box-density-10);
2616
- margin-right: var(--box-density-10);
2617
- }
2618
- .marg-ii-11 {
2619
- margin-left: var(--box-density-11);
2620
- margin-right: var(--box-density-11);
2621
- }
2622
- .marg-ii-12 {
2623
- margin-left: var(--box-density-12);
2624
- margin-right: var(--box-density-12);
2625
- }
2626
-
2627
- .marg-tb .marg-tb-tiny {
2628
- margin: --box-density-preset-tiny;
2629
- }
2630
- .marg-tb .marg-tb-small {
2631
- margin: --box-density-preset-small;
2632
- }
2633
- .marg-tb .marg-tb-medium {
2634
- margin: --box-density-preset-medium;
2635
- }
2636
- .marg-tb .marg-tb-large {
2637
- margin: --box-density-preset-large;
2638
- }
2639
- .marg-tb, .marg-tb-1 {
2640
- margin-top: var(--box-density-1);
2641
- margin-bottom: var(--box-density-1);
2642
- }
2643
- .marg-tb-2 {
2644
- margin-top: var(--box-density-2);
2645
- margin-bottom: var(--box-density-2);
2646
- }
2647
- .marg-tb-3 {
2648
- margin-top: var(--box-density-3);
2649
- margin-bottom: var(--box-density-3);
2650
- }
2651
- .marg-tb-4 {
2652
- margin-top: var(--box-density-4);
2653
- margin-bottom: var(--box-density-4);
2654
- }
2655
- .marg-tb-5 {
2656
- margin-top: var(--box-density-5);
2657
- margin-bottom: var(--box-density-5);
2658
- }
2659
- .marg-tb-6 {
2660
- margin-top: var(--box-density-6);
2661
- margin-bottom: var(--box-density-6);
2662
- }
2663
- .marg-tb-7 {
2664
- margin-top: var(--box-density-7);
2665
- margin-bottom: var(--box-density-7);
2666
- }
2667
- .marg-tb-8 {
2668
- margin-top: var(--box-density-8);
2669
- margin-bottom: var(--box-density-8);
2670
- }
2671
- .marg-tb-9 {
2672
- margin-top: var(--box-density-9);
2673
- margin-bottom: var(--box-density-9);
2674
- }
2675
- .marg-tb-10 {
2676
- margin-top: var(--box-density-10);
2677
- margin-bottom: var(--box-density-10);
2678
- }
2679
- .marg-tb-11 {
2680
- margin-top: var(--box-density-11);
2681
- margin-bottom: var(--box-density-11);
2682
- }
2683
- .marg-tb-12 {
2684
- margin-top: var(--box-density-12);
2685
- margin-bottom: var(--box-density-12);
2686
- }
2687
-
2688
- .pad .pad-tiny {
2689
- padding: --box-density-preset-tiny;
2690
- }
2691
- .pad .pad-small {
2692
- padding: --box-density-preset-small;
2693
- }
2694
- .pad .pad-medium {
2695
- padding: --box-density-preset-medium;
2696
- }
2697
- .pad .pad-large {
2698
- padding: --box-density-preset-large;
2699
- }
2700
- .pad, .pad-1 {
2701
- padding: var(--box-density-1);
2702
- }
2703
- .pad-2 {
2704
- padding: var(--box-density-2);
2705
- }
2706
- .pad-3 {
2707
- padding: var(--box-density-3);
2708
- }
2709
- .pad-4 {
2710
- padding: var(--box-density-4);
2711
- }
2712
- .pad-5 {
2713
- padding: var(--box-density-5);
2714
- }
2715
- .pad-6 {
2716
- padding: var(--box-density-6);
2717
- }
2718
- .pad-7 {
2719
- padding: var(--box-density-7);
2720
- }
2721
- .pad-8 {
2722
- padding: var(--box-density-8);
2723
- }
2724
- .pad-9 {
2725
- padding: var(--box-density-9);
2726
- }
2727
- .pad-10 {
2728
- padding: var(--box-density-10);
2729
- }
2730
- .pad-11 {
2731
- padding: var(--box-density-11);
2732
- }
2733
- .pad-12 {
2734
- padding: var(--box-density-12);
2735
- }
2736
-
2737
- .pad-t .pad-t-tiny {
2738
- padding: --box-density-preset-tiny;
2739
- }
2740
- .pad-t .pad-t-small {
2741
- padding: --box-density-preset-small;
2742
- }
2743
- .pad-t .pad-t-medium {
2744
- padding: --box-density-preset-medium;
2745
- }
2746
- .pad-t .pad-t-large {
2747
- padding: --box-density-preset-large;
2748
- }
2749
- .pad-t, .pad-t-1 {
2750
- padding-top: var(--box-density-1);
2751
- }
2752
- .pad-t-2 {
2753
- padding-top: var(--box-density-2);
2754
- }
2755
- .pad-t-3 {
2756
- padding-top: var(--box-density-3);
2757
- }
2758
- .pad-t-4 {
2759
- padding-top: var(--box-density-4);
2760
- }
2761
- .pad-t-5 {
2762
- padding-top: var(--box-density-5);
2763
- }
2764
- .pad-t-6 {
2765
- padding-top: var(--box-density-6);
2766
- }
2767
- .pad-t-7 {
2768
- padding-top: var(--box-density-7);
2769
- }
2770
- .pad-t-8 {
2771
- padding-top: var(--box-density-8);
2772
- }
2773
- .pad-t-9 {
2774
- padding-top: var(--box-density-9);
2775
- }
2776
- .pad-t-10 {
2777
- padding-top: var(--box-density-10);
2778
- }
2779
- .pad-t-11 {
2780
- padding-top: var(--box-density-11);
2781
- }
2782
- .pad-t-12 {
2783
- padding-top: var(--box-density-12);
2784
- }
2785
-
2786
- .pad-b .pad-b-tiny {
2787
- padding: --box-density-preset-tiny;
2788
- }
2789
- .pad-b .pad-b-small {
2790
- padding: --box-density-preset-small;
2791
- }
2792
- .pad-b .pad-b-medium {
2793
- padding: --box-density-preset-medium;
2794
- }
2795
- .pad-b .pad-b-large {
2796
- padding: --box-density-preset-large;
2797
- }
2798
- .pad-b, .pad-b-1 {
2799
- padding-bottom: var(--box-density-1);
2800
- }
2801
- .pad-b-2 {
2802
- padding-bottom: var(--box-density-2);
2803
- }
2804
- .pad-b-3 {
2805
- padding-bottom: var(--box-density-3);
2806
- }
2807
- .pad-b-4 {
2808
- padding-bottom: var(--box-density-4);
2809
- }
2810
- .pad-b-5 {
2811
- padding-bottom: var(--box-density-5);
2812
- }
2813
- .pad-b-6 {
2814
- padding-bottom: var(--box-density-6);
2815
- }
2816
- .pad-b-7 {
2817
- padding-bottom: var(--box-density-7);
2818
- }
2819
- .pad-b-8 {
2820
- padding-bottom: var(--box-density-8);
2821
- }
2822
- .pad-b-9 {
2823
- padding-bottom: var(--box-density-9);
2824
- }
2825
- .pad-b-10 {
2826
- padding-bottom: var(--box-density-10);
2827
- }
2828
- .pad-b-11 {
2829
- padding-bottom: var(--box-density-11);
2830
- }
2831
- .pad-b-12 {
2832
- padding-bottom: var(--box-density-12);
2833
- }
2834
-
2835
- .pad-l .pad-l-tiny {
2836
- padding: --box-density-preset-tiny;
2837
- }
2838
- .pad-l .pad-l-small {
2839
- padding: --box-density-preset-small;
2840
- }
2841
- .pad-l .pad-l-medium {
2842
- padding: --box-density-preset-medium;
2843
- }
2844
- .pad-l .pad-l-large {
2845
- padding: --box-density-preset-large;
2846
- }
2847
- .pad-l, .pad-l-1 {
2848
- padding-left: var(--box-density-1);
2849
- }
2850
- .pad-l-2 {
2851
- padding-left: var(--box-density-2);
2852
- }
2853
- .pad-l-3 {
2854
- padding-left: var(--box-density-3);
2855
- }
2856
- .pad-l-4 {
2857
- padding-left: var(--box-density-4);
2858
- }
2859
- .pad-l-5 {
2860
- padding-left: var(--box-density-5);
2861
- }
2862
- .pad-l-6 {
2863
- padding-left: var(--box-density-6);
2864
- }
2865
- .pad-l-7 {
2866
- padding-left: var(--box-density-7);
2867
- }
2868
- .pad-l-8 {
2869
- padding-left: var(--box-density-8);
2870
- }
2871
- .pad-l-9 {
2872
- padding-left: var(--box-density-9);
2873
- }
2874
- .pad-l-10 {
2875
- padding-left: var(--box-density-10);
2876
- }
2877
- .pad-l-11 {
2878
- padding-left: var(--box-density-11);
2879
- }
2880
- .pad-l-12 {
2881
- padding-left: var(--box-density-12);
2882
- }
2883
-
2884
- .pad-r .pad-r-tiny {
2885
- padding: --box-density-preset-tiny;
2886
- }
2887
- .pad-r .pad-r-small {
2888
- padding: --box-density-preset-small;
2889
- }
2890
- .pad-r .pad-r-medium {
2891
- padding: --box-density-preset-medium;
2892
- }
2893
- .pad-r .pad-r-large {
2894
- padding: --box-density-preset-large;
2895
- }
2896
- .pad-r, .pad-r-1 {
2897
- padding-right: var(--box-density-1);
2898
- }
2899
- .pad-r-2 {
2900
- padding-right: var(--box-density-2);
2901
- }
2902
- .pad-r-3 {
2903
- padding-right: var(--box-density-3);
2904
- }
2905
- .pad-r-4 {
2906
- padding-right: var(--box-density-4);
2907
- }
2908
- .pad-r-5 {
2909
- padding-right: var(--box-density-5);
2910
- }
2911
- .pad-r-6 {
2912
- padding-right: var(--box-density-6);
2913
- }
2914
- .pad-r-7 {
2915
- padding-right: var(--box-density-7);
2916
- }
2917
- .pad-r-8 {
2918
- padding-right: var(--box-density-8);
2919
- }
2920
- .pad-r-9 {
2921
- padding-right: var(--box-density-9);
2922
- }
2923
- .pad-r-10 {
2924
- padding-right: var(--box-density-10);
2925
- }
2926
- .pad-r-11 {
2927
- padding-right: var(--box-density-11);
2928
- }
2929
- .pad-r-12 {
2930
- padding-right: var(--box-density-12);
2931
- }
2932
-
2933
- .pad-all .pad-all-tiny {
2934
- padding: --box-density-preset-tiny;
2935
- }
2936
- .pad-all .pad-all-small {
2937
- padding: --box-density-preset-small;
2938
- }
2939
- .pad-all .pad-all-medium {
2940
- padding: --box-density-preset-medium;
2941
- }
2942
- .pad-all .pad-all-large {
2943
- padding: --box-density-preset-large;
2944
- }
2945
- .pad-all, .pad-all-1 {
2946
- padding: var(--box-density-1);
2947
- }
2948
- .pad-all-2 {
2949
- padding: var(--box-density-2);
2950
- }
2951
- .pad-all-3 {
2952
- padding: var(--box-density-3);
2953
- }
2954
- .pad-all-4 {
2955
- padding: var(--box-density-4);
2956
- }
2957
- .pad-all-5 {
2958
- padding: var(--box-density-5);
2959
- }
2960
- .pad-all-6 {
2961
- padding: var(--box-density-6);
2962
- }
2963
- .pad-all-7 {
2964
- padding: var(--box-density-7);
2965
- }
2966
- .pad-all-8 {
2967
- padding: var(--box-density-8);
2968
- }
2969
- .pad-all-9 {
2970
- padding: var(--box-density-9);
2971
- }
2972
- .pad-all-10 {
2973
- padding: var(--box-density-10);
2974
- }
2975
- .pad-all-11 {
2976
- padding: var(--box-density-11);
2977
- }
2978
- .pad-all-12 {
2979
- padding: var(--box-density-12);
2980
- }
2981
-
2982
- .pad-u .pad-u-tiny {
2983
- padding: --box-density-preset-tiny;
2984
- }
2985
- .pad-u .pad-u-small {
2986
- padding: --box-density-preset-small;
2987
- }
2988
- .pad-u .pad-u-medium {
2989
- padding: --box-density-preset-medium;
2990
- }
2991
- .pad-u .pad-u-large {
2992
- padding: --box-density-preset-large;
2993
- }
2994
- .pad-u, .pad-u-1 {
2995
- padding-bottom: var(--box-density-1);
2996
- padding-left: var(--box-density-1);
2997
- padding-right: var(--box-density-1);
2998
- }
2999
- .pad-u-2 {
3000
- padding-bottom: var(--box-density-2);
3001
- padding-left: var(--box-density-2);
3002
- padding-right: var(--box-density-2);
3003
- }
3004
- .pad-u-3 {
3005
- padding-bottom: var(--box-density-3);
3006
- padding-left: var(--box-density-3);
3007
- padding-right: var(--box-density-3);
3008
- }
3009
- .pad-u-4 {
3010
- padding-bottom: var(--box-density-4);
3011
- padding-left: var(--box-density-4);
3012
- padding-right: var(--box-density-4);
3013
- }
3014
- .pad-u-5 {
3015
- padding-bottom: var(--box-density-5);
3016
- padding-left: var(--box-density-5);
3017
- padding-right: var(--box-density-5);
3018
- }
3019
- .pad-u-6 {
3020
- padding-bottom: var(--box-density-6);
3021
- padding-left: var(--box-density-6);
3022
- padding-right: var(--box-density-6);
3023
- }
3024
- .pad-u-7 {
3025
- padding-bottom: var(--box-density-7);
3026
- padding-left: var(--box-density-7);
3027
- padding-right: var(--box-density-7);
3028
- }
3029
- .pad-u-8 {
3030
- padding-bottom: var(--box-density-8);
3031
- padding-left: var(--box-density-8);
3032
- padding-right: var(--box-density-8);
3033
- }
3034
- .pad-u-9 {
3035
- padding-bottom: var(--box-density-9);
3036
- padding-left: var(--box-density-9);
3037
- padding-right: var(--box-density-9);
3038
- }
3039
- .pad-u-10 {
3040
- padding-bottom: var(--box-density-10);
3041
- padding-left: var(--box-density-10);
3042
- padding-right: var(--box-density-10);
3043
- }
3044
- .pad-u-11 {
3045
- padding-bottom: var(--box-density-11);
3046
- padding-left: var(--box-density-11);
3047
- padding-right: var(--box-density-11);
3048
- }
3049
- .pad-u-12 {
3050
- padding-bottom: var(--box-density-12);
3051
- padding-left: var(--box-density-12);
3052
- padding-right: var(--box-density-12);
3053
- }
3054
-
3055
- .pad-ii .pad-ii-tiny {
3056
- padding: --box-density-preset-tiny;
3057
- }
3058
- .pad-ii .pad-ii-small {
3059
- padding: --box-density-preset-small;
3060
- }
3061
- .pad-ii .pad-ii-medium {
3062
- padding: --box-density-preset-medium;
3063
- }
3064
- .pad-ii .pad-ii-large {
3065
- padding: --box-density-preset-large;
3066
- }
3067
- .pad-ii, .pad-ii-1 {
3068
- padding-left: var(--box-density-1);
3069
- padding-right: var(--box-density-1);
3070
- }
3071
- .pad-ii-2 {
3072
- padding-left: var(--box-density-2);
3073
- padding-right: var(--box-density-2);
3074
- }
3075
- .pad-ii-3 {
3076
- padding-left: var(--box-density-3);
3077
- padding-right: var(--box-density-3);
3078
- }
3079
- .pad-ii-4 {
3080
- padding-left: var(--box-density-4);
3081
- padding-right: var(--box-density-4);
3082
- }
3083
- .pad-ii-5 {
3084
- padding-left: var(--box-density-5);
3085
- padding-right: var(--box-density-5);
3086
- }
3087
- .pad-ii-6 {
3088
- padding-left: var(--box-density-6);
3089
- padding-right: var(--box-density-6);
3090
- }
3091
- .pad-ii-7 {
3092
- padding-left: var(--box-density-7);
3093
- padding-right: var(--box-density-7);
3094
- }
3095
- .pad-ii-8 {
3096
- padding-left: var(--box-density-8);
3097
- padding-right: var(--box-density-8);
3098
- }
3099
- .pad-ii-9 {
3100
- padding-left: var(--box-density-9);
3101
- padding-right: var(--box-density-9);
3102
- }
3103
- .pad-ii-10 {
3104
- padding-left: var(--box-density-10);
3105
- padding-right: var(--box-density-10);
3106
- }
3107
- .pad-ii-11 {
3108
- padding-left: var(--box-density-11);
3109
- padding-right: var(--box-density-11);
3110
- }
3111
- .pad-ii-12 {
3112
- padding-left: var(--box-density-12);
3113
- padding-right: var(--box-density-12);
3114
- }
3115
-
3116
- .pad-tb .pad-tb-tiny {
3117
- padding: --box-density-preset-tiny;
3118
- }
3119
- .pad-tb .pad-tb-small {
3120
- padding: --box-density-preset-small;
3121
- }
3122
- .pad-tb .pad-tb-medium {
3123
- padding: --box-density-preset-medium;
3124
- }
3125
- .pad-tb .pad-tb-large {
3126
- padding: --box-density-preset-large;
3127
- }
3128
- .pad-tb, .pad-tb-1 {
3129
- padding-top: var(--box-density-1);
3130
- padding-bottom: var(--box-density-1);
3131
- }
3132
- .pad-tb-2 {
3133
- padding-top: var(--box-density-2);
3134
- padding-bottom: var(--box-density-2);
3135
- }
3136
- .pad-tb-3 {
3137
- padding-top: var(--box-density-3);
3138
- padding-bottom: var(--box-density-3);
3139
- }
3140
- .pad-tb-4 {
3141
- padding-top: var(--box-density-4);
3142
- padding-bottom: var(--box-density-4);
3143
- }
3144
- .pad-tb-5 {
3145
- padding-top: var(--box-density-5);
3146
- padding-bottom: var(--box-density-5);
3147
- }
3148
- .pad-tb-6 {
3149
- padding-top: var(--box-density-6);
3150
- padding-bottom: var(--box-density-6);
3151
- }
3152
- .pad-tb-7 {
3153
- padding-top: var(--box-density-7);
3154
- padding-bottom: var(--box-density-7);
3155
- }
3156
- .pad-tb-8 {
3157
- padding-top: var(--box-density-8);
3158
- padding-bottom: var(--box-density-8);
3159
- }
3160
- .pad-tb-9 {
3161
- padding-top: var(--box-density-9);
3162
- padding-bottom: var(--box-density-9);
3163
- }
3164
- .pad-tb-10 {
3165
- padding-top: var(--box-density-10);
3166
- padding-bottom: var(--box-density-10);
3167
- }
3168
- .pad-tb-11 {
3169
- padding-top: var(--box-density-11);
3170
- padding-bottom: var(--box-density-11);
3171
- }
3172
- .pad-tb-12 {
3173
- padding-top: var(--box-density-12);
3174
- padding-bottom: var(--box-density-12);
3175
- }
3176
-
3177
- .border, .border-1 {
3178
- border: 1px solid #ededed;
3179
- }
3180
- .border-2 {
3181
- border: 2px solid #ededed;
3182
- }
3183
- .border-3 {
3184
- border: 3px solid #ededed;
3185
- }
3186
-
3187
- .border-t, .border-t-1 {
3188
- border-top: 1px solid #ededed;
3189
- }
3190
- .border-t-2 {
3191
- border-top: 2px solid #ededed;
3192
- }
3193
- .border-t-3 {
3194
- border-top: 3px solid #ededed;
3195
- }
3196
-
3197
- .border-b, .border-b-1 {
3198
- border-bottom: 1px solid #ededed;
3199
- }
3200
- .border-b-2 {
3201
- border-bottom: 2px solid #ededed;
3202
- }
3203
- .border-b-3 {
3204
- border-bottom: 3px solid #ededed;
3205
- }
3206
-
3207
- .border-l, .border-l-1 {
3208
- border-left: 1px solid #ededed;
3209
- }
3210
- .border-l-2 {
3211
- border-left: 2px solid #ededed;
3212
- }
3213
- .border-l-3 {
3214
- border-left: 3px solid #ededed;
3215
- }
3216
-
3217
- .border-r, .border-r-1 {
3218
- border-right: 1px solid #ededed;
3219
- }
3220
- .border-r-2 {
3221
- border-right: 2px solid #ededed;
3222
- }
3223
- .border-r-3 {
3224
- border-right: 3px solid #ededed;
3225
- }
3226
-
3227
- .border-all, .border-all-1 {
3228
- border: 1px solid #ededed;
3229
- }
3230
- .border-all-2 {
3231
- border: 2px solid #ededed;
3232
- }
3233
- .border-all-3 {
3234
- border: 3px solid #ededed;
3235
- }
3236
-
3237
- .border-u, .border-u-1 {
3238
- border-bottom: 1px solid #ededed;
3239
- border-left: 1px solid #ededed;
3240
- border-right: 1px solid #ededed;
3241
- }
3242
- .border-u-2 {
3243
- border-bottom: 2px solid #ededed;
3244
- border-left: 2px solid #ededed;
3245
- border-right: 2px solid #ededed;
3246
- }
3247
- .border-u-3 {
3248
- border-bottom: 3px solid #ededed;
3249
- border-left: 3px solid #ededed;
3250
- border-right: 3px solid #ededed;
3251
- }
3252
-
3253
- .border-ii, .border-ii-1 {
3254
- border-left: 1px solid #ededed;
3255
- border-right: 1px solid #ededed;
3256
- }
3257
- .border-ii-2 {
3258
- border-left: 2px solid #ededed;
3259
- border-right: 2px solid #ededed;
3260
- }
3261
- .border-ii-3 {
3262
- border-left: 3px solid #ededed;
3263
- border-right: 3px solid #ededed;
3264
- }
3265
-
3266
- .border-tb, .border-tb-1 {
3267
- border-top: 1px solid #ededed;
3268
- border-bottom: 1px solid #ededed;
3269
- }
3270
- .border-tb-2 {
3271
- border-top: 2px solid #ededed;
3272
- border-bottom: 2px solid #ededed;
3273
- }
3274
- .border-tb-3 {
3275
- border-top: 3px solid #ededed;
3276
- border-bottom: 3px solid #ededed;
3277
- }
3278
-
3279
- .dsp-block {
3280
- display: block;
3281
- }
3282
-
3283
- .dsp-none {
3284
- display: none;
3285
- }
3286
-
3287
- .dsp-inline {
3288
- display: inline;
3289
- }
3290
-
3291
- .dsp-block-inline {
3292
- display: inline-block;
3293
- }
3294
-
3295
- .dsp-flex-inline {
3296
- display: inline-flex;
3297
- }
3298
-
3299
- .dsp-tbl {
3300
- display: table;
3301
- }
3302
-
3303
- .dsp-tbl-row {
3304
- display: table-row;
3305
- }
3306
-
3307
- .dsp-tbl-cell {
3308
- display: table-cell;
3309
- }
3310
-
3311
- .dsp-tbl-column {
3312
- display: table-column;
3313
- }
3314
-
3315
- .pos-abs {
3316
- position: absolute;
3317
- }
3318
-
3319
- .pos-rel {
3320
- position: relative;
3321
- }
3322
-
3323
- .pos-stat {
3324
- position: static;
3325
- }
3326
-
3327
- .pos-fix {
3328
- position: fixed;
3329
- }
3330
-
3331
- .pos-sticky {
3332
- position: sticky;
3333
- top: 0;
3334
- margin-top: 0;
3335
- }
3336
-
3337
- /*placement*/
3338
- .top-0 {
3339
- top: var(--box-density-0);
3340
- }
3341
-
3342
- .top-1 {
3343
- top: var(--box-density-1);
3344
- }
3345
-
3346
- .top-2 {
3347
- top: var(--box-density-2);
3348
- }
3349
-
3350
- .top-3 {
3351
- top: var(--box-density-3);
3352
- }
3353
-
3354
- .top-4 {
3355
- top: var(--box-density-4);
3356
- }
3357
-
3358
- .top-5 {
3359
- top: var(--box-density-5);
3360
- }
3361
-
3362
- .top-6 {
3363
- top: var(--box-density-6);
3364
- }
3365
-
3366
- .top-7 {
3367
- top: var(--box-density-7);
3368
- }
3369
-
3370
- .top-8 {
3371
- top: var(--box-density-8);
3372
- }
3373
-
3374
- .right-0 {
3375
- right: var(--box-density-0);
3376
- }
3377
-
3378
- .right-1 {
3379
- right: var(--box-density-1);
3380
- }
3381
-
3382
- .right-2 {
3383
- right: var(--box-density-2);
3384
- }
3385
-
3386
- .right-3 {
3387
- right: var(--box-density-3);
3388
- }
3389
-
3390
- .right-4 {
3391
- right: var(--box-density-4);
3392
- }
3393
-
3394
- .right-5 {
3395
- right: var(--box-density-5);
3396
- }
3397
-
3398
- .right-6 {
3399
- right: var(--box-density-6);
3400
- }
3401
-
3402
- .right-7 {
3403
- right: var(--box-density-7);
3404
- }
3405
-
3406
- .right-8 {
3407
- right: var(--box-density-8);
3408
- }
3409
-
3410
- .bottom-0 {
3411
- bottom: var(--box-density-0);
3412
- }
3413
-
3414
- .bottom-1 {
3415
- bottom: var(--box-density-1);
3416
- }
3417
-
3418
- .bottom-2 {
3419
- bottom: var(--box-density-2);
3420
- }
3421
-
3422
- .bottom-3 {
3423
- bottom: var(--box-density-3);
3424
- }
3425
-
3426
- .bottom-4 {
3427
- bottom: var(--box-density-4);
3428
- }
3429
-
3430
- .bottom-5 {
3431
- bottom: var(--box-density-5);
3432
- }
3433
-
3434
- .bottom-6 {
3435
- bottom: var(--box-density-6);
3436
- }
3437
-
3438
- .bottom-7 {
3439
- bottom: var(--box-density-7);
3440
- }
3441
-
3442
- .bottom-8 {
3443
- bottom: var(--box-density-8);
3444
- }
3445
-
3446
- .left-0 {
3447
- left: var(--box-density-0);
3448
- }
3449
-
3450
- .left-1 {
3451
- left: var(--box-density-1);
3452
- }
3453
-
3454
- .left-2 {
3455
- left: var(--box-density-2);
3456
- }
3457
-
3458
- .left-3 {
3459
- left: var(--box-density-3);
3460
- }
3461
-
3462
- .left-4 {
3463
- left: var(--box-density-4);
3464
- }
3465
-
3466
- .left-5 {
3467
- left: var(--box-density-5);
3468
- }
3469
-
3470
- .left-6 {
3471
- left: var(--box-density-6);
3472
- }
3473
-
3474
- .left-7 {
3475
- left: var(--box-density-7);
3476
- }
3477
-
3478
- .left-8 {
3479
- left: var(--box-density-8);
3480
- }
3481
-
3482
- /*radius*/
3483
- .radius-tiny {
3484
- border-radius: 4px;
3485
- }
3486
- .radius-tiny-t {
3487
- border-top-left-radius: 4px;
3488
- border-top-right-radius: 4px;
3489
- }
3490
- .radius-tiny-b {
3491
- border-bottom-left-radius: 4px;
3492
- border-bottom-right-radius: 4px;
3493
- }
3494
- .radius-tiny-l {
3495
- border-top-left-radius: 4px;
3496
- border-bottom-left-radius: 4px;
3497
- }
3498
- .radius-tiny-r {
3499
- border-top-right-radius: 4px;
3500
- border-bottom-right-radius: 4px;
3501
- }
3502
-
3503
- .radius-small {
3504
- border-radius: 8px;
3505
- }
3506
- .radius-small-t {
3507
- border-top-left-radius: 8px;
3508
- border-top-right-radius: 8px;
3509
- }
3510
- .radius-small-b {
3511
- border-bottom-left-radius: 8px;
3512
- border-bottom-right-radius: 8px;
3513
- }
3514
- .radius-small-l {
3515
- border-top-left-radius: 8px;
3516
- border-bottom-left-radius: 8px;
3517
- }
3518
- .radius-small-r {
3519
- border-top-right-radius: 8px;
3520
- border-bottom-right-radius: 8px;
3521
- }
3522
-
3523
- .radius-medium {
3524
- border-radius: 16px;
3525
- }
3526
- .radius-medium-t {
3527
- border-top-left-radius: 16px;
3528
- border-top-right-radius: 16px;
3529
- }
3530
- .radius-medium-b {
3531
- border-bottom-left-radius: 16px;
3532
- border-bottom-right-radius: 16px;
3533
- }
3534
- .radius-medium-l {
3535
- border-top-left-radius: 16px;
3536
- border-bottom-left-radius: 16px;
3537
- }
3538
- .radius-medium-r {
3539
- border-top-right-radius: 16px;
3540
- border-bottom-right-radius: 16px;
3541
- }
3542
-
3543
- .shad-1 {
3544
- box-shadow: var(--box-shad-1);
3545
- }
3546
-
3547
- .shad-2 {
3548
- box-shadow: var(--box-shad-2);
3549
- }
3550
-
3551
- .shad-3 {
3552
- box-shadow: var(--box-shad-3);
3553
- }
3554
-
3555
- .shad-4 {
3556
- box-shadow: var(--box-shad-4);
3557
- }
3558
-
3559
- .shad-5 {
3560
- box-shadow: var(--box-shad-5);
3561
- }
3562
- .flex,
3563
- .flex-h {
3564
- display: flex;
3565
- flex-direction: row;
3566
- }
3567
- .flex > .flex-main,
3568
- .flex-h > .flex-main {
3569
- flex: 1 1 0;
3570
- }
3571
- .flex.flex-align-middle,
3572
- .flex-h.flex-align-middle {
3573
- align-items: center;
3574
- }
3575
- .flex.flex-align-top,
3576
- .flex-h.flex-align-top {
3577
- align-items: flex-start;
3578
- }
3579
- .flex.flex-align-left,
3580
- .flex-h.flex-align-left {
3581
- align-items: flex-start;
3582
- }
3583
- .flex.flex-align-right,
3584
- .flex-h.flex-align-right {
3585
- justify-content: flex-end;
3586
- }
3587
- .flex.flex-align-bottom,
3588
- .flex-h.flex-align-bottom {
3589
- align-items: flex-end;
3590
- }
3591
- .flex.flex-align-center,
3592
- .flex-h.flex-align-center {
3593
- justify-content: center;
3594
- }
3595
- .flex.flex-align-middle-center,
3596
- .flex-h.flex-align-middle-center {
3597
- justify-content: center;
3598
- align-content: center;
3599
- align-items: center;
3600
- }
3601
- .flex.flex-align-stretch,
3602
- .flex-h.flex-align-stretch {
3603
- color: blue;
3604
- align-items: stretch;
3605
- }
3606
-
3607
- .flex-v {
3608
- display: flex;
3609
- flex-direction: column;
3610
- }
3611
- .flex-v > .flex-main {
3612
- flex: 1 1 0;
3613
- max-height: 100%;
3614
- }
3615
- .flex-v.flex-align-middle {
3616
- justify-content: center;
3617
- }
3618
- .flex-v.flex-align-top {
3619
- justify-content: flex-start;
3620
- }
3621
- .flex-v.flex-align-left {
3622
- align-items: flex-start;
3623
- }
3624
- .flex-v.flex-align-right {
3625
- align-items: flex-end;
3626
- }
3627
- .flex-v.flex-align-bottom {
3628
- justify-content: flex-end;
3629
- }
3630
- .flex-v.flex-align-center {
3631
- align-items: center;
3632
- }
3633
- .flex-v.flex-align-middle-center {
3634
- align-items: center;
3635
- justify-content: center;
3636
- }
3637
- .flex-v.flex-align-stretch {
3638
- color: red;
3639
- align-items: stretch;
3640
- }
3641
-
3642
- .flex-inline {
3643
- display: inline-flex;
3644
- }
3645
-
3646
- .flex-wrap {
3647
- flex-wrap: wrap;
3648
- }
3649
- .flex-wrap-reverse {
3650
- flex-wrap: wrap-reverse;
3651
- }
3652
-
3653
- .self-start {
3654
- align-self: flex-start;
3655
- }
3656
- .self-end {
3657
- align-self: flex-end;
3658
- }
3659
- .self-stretch {
3660
- align-self: stretch;
3661
- }
3662
-
3663
- .flex-grow-0 {
3664
- flex-grow: 0;
3665
- }
3666
-
3667
- .flex-shrink-0 {
3668
- flex-shrink: 0;
3669
- }
3670
-
3671
- .flex-grow-1 {
3672
- flex-grow: 1;
3673
- }
3674
-
3675
- .flex-shrink-1 {
3676
- flex-shrink: 1;
3677
- }
3678
-
3679
- .flex-grow-2 {
3680
- flex-grow: 2;
3681
- }
3682
-
3683
- .flex-shrink-2 {
3684
- flex-shrink: 2;
3685
- }
3686
- .grid {
3687
- display: grid;
3688
- }
3689
- .grid-auto-flow-cols {
3690
- grid-auto-flow: column;
3691
- }
3692
- .grid-auto-cols-auto {
3693
- grid-auto-columns: auto;
3694
- }
3695
- .grid-auto-cols-min {
3696
- grid-auto-columns: min-content;
3697
- }
3698
- .grid-auto-cols-max {
3699
- grid-auto-columns: max-content;
3700
- }
3701
- .grid-auto-cols {
3702
- grid-auto-columns: minmax(0, 1fr);
3703
- }
3704
- .grid-auto-flow-rows {
3705
- grid-auto-flow: row;
3706
- }
3707
- .grid-auto-rows-auto {
3708
- grid-auto-rows: auto;
3709
- }
3710
- .grid-auto-rows-min {
3711
- grid-auto-rows: min-content;
3712
- }
3713
- .grid-auto-rows-max {
3714
- grid-auto-rows: max-content;
3715
- }
3716
- .grid-auto-rows {
3717
- grid-auto-rows: minmax(0, 1fr);
3718
- }
3719
-
3720
- .grid-inline {
3721
- display: inline-grid;
3722
- }
3723
-
3724
- /* template-columns */
3725
- .grid-cols-1 {
3726
- grid-template-columns: repeat(1, minmax(0, 1fr));
3727
- }
3728
-
3729
- .grid-cols-2 {
3730
- grid-template-columns: repeat(2, minmax(0, 1fr));
3731
- }
3732
-
3733
- .grid-cols-3 {
3734
- grid-template-columns: repeat(3, minmax(0, 1fr));
3735
- }
3736
-
3737
- .grid-cols-4 {
3738
- grid-template-columns: repeat(4, minmax(0, 1fr));
3739
- }
3740
-
3741
- .grid-cols-5 {
3742
- grid-template-columns: repeat(5, minmax(0, 1fr));
3743
- }
3744
-
3745
- .grid-cols-6 {
3746
- grid-template-columns: repeat(6, minmax(0, 1fr));
3747
- }
3748
-
3749
- .grid-cols-7 {
3750
- grid-template-columns: repeat(7, minmax(0, 1fr));
3751
- }
3752
-
3753
- .grid-cols-8 {
3754
- grid-template-columns: repeat(8, minmax(0, 1fr));
3755
- }
3756
-
3757
- .grid-cols-9 {
3758
- grid-template-columns: repeat(9, minmax(0, 1fr));
3759
- }
3760
-
3761
- .grid-cols-10 {
3762
- grid-template-columns: repeat(10, minmax(0, 1fr));
3763
- }
3764
-
3765
- .grid-cols-11 {
3766
- grid-template-columns: repeat(11, minmax(0, 1fr));
3767
- }
3768
-
3769
- .grid-cols-12 {
3770
- grid-template-columns: repeat(12, minmax(0, 1fr));
3771
- }
3772
-
3773
- /* template-rows */
3774
- .grid-rows-1 {
3775
- grid-template-rows: repeat(1, minmax(0, 1fr));
3776
- }
3777
-
3778
- .grid-rows-2 {
3779
- grid-template-rows: repeat(2, minmax(0, 1fr));
3780
- }
3781
-
3782
- .grid-rows-3 {
3783
- grid-template-rows: repeat(3, minmax(0, 1fr));
3784
- }
3785
-
3786
- .grid-rows-4 {
3787
- grid-template-rows: repeat(4, minmax(0, 1fr));
3788
- }
3789
-
3790
- .grid-rows-5 {
3791
- grid-template-rows: repeat(5, minmax(0, 1fr));
3792
- }
3793
-
3794
- .grid-rows-6 {
3795
- grid-template-rows: repeat(6, minmax(0, 1fr));
3796
- }
3797
-
3798
- .grid-rows-7 {
3799
- grid-template-rows: repeat(7, minmax(0, 1fr));
3800
- }
3801
-
3802
- .grid-rows-8 {
3803
- grid-template-rows: repeat(8, minmax(0, 1fr));
3804
- }
3805
- /* & li.menu-item{
3806
- dsp: none;
3807
- }
3808
- &-drop{
3809
- dsp: none;
3810
- & .menu-open{
3811
- dsp: none;
3812
- & li.menu-item, > li{
3813
- dsp: none;
3814
- }
3815
- }
3816
- & .menu-close{
3817
- dsp: none;
3818
- & li.menu-item, > li{
3819
- dsp: none;
3820
- }
3821
- }
3822
- }*/
3823
- ul.menu {
3824
- list-style: none;
3825
- list-style-type: none;
3826
- }
3827
- ul.menu-v {
3828
- padding: 0;
3829
- margin: 0;
3830
- line-height: 1rem;
3831
- }
3832
- ul.menu-v li.menu-item,
3833
- ul.menu-v li {
3834
- display: block;
3835
- margin: 0 1rem;
3836
- width: auto;
3837
- transition-property: all;
3838
- transition-duration: 0.5s;
3839
- padding: 1rem;
3840
- }
3841
- ul.menu-v li.menu-item:hover,
3842
- ul.menu-v li:hover {
3843
- border-radius: 4px;
3844
- background-color: #ededed;
3845
- }
3846
- ul.menu-v li.menu-item.active,
3847
- ul.menu-v li.active {
3848
- border-radius: 4px;
3849
- background-color: #ededed;
3850
- font-weight: bold;
3851
- }
3852
- ul.menu-v li {
3853
- list-style: none;
3854
- }
3855
- ul.menu-h {
3856
- padding: 0;
3857
- margin: 0;
3858
- line-height: 1rem;
3859
- }
3860
- ul.menu-h li.menu-item,
3861
- ul.menu-h li {
3862
- display: block;
3863
- margin: 0 1rem;
3864
- width: auto;
3865
- transition-property: all;
3866
- transition-duration: 0.5s;
3867
- padding: 1rem;
3868
- }
3869
- ul.menu-h li.menu-item:hover,
3870
- ul.menu-h li:hover {
3871
- border-radius: 4px;
3872
- background-color: #ededed;
3873
- }
3874
- ul.menu-h li.menu-item.active,
3875
- ul.menu-h li.active {
3876
- border-radius: 4px;
3877
- background-color: #ededed;
3878
- font-weight: bold;
3879
- }
3880
- ul.menu-h li {
3881
- list-style: none;
3882
- }
3883
- ul.menu-v li.menu-item.active,
3884
- ul.menu-v li.active {
3885
- font-weight: bold;
3886
- margin-left: 1rem;
3887
- }
3888
- ul.menu-h {
3889
- max-width: 100%;
3890
- display: inline-flex;
3891
- padding: 0 0;
3892
- position: relative;
3893
- border-bottom: 1px solid #ededed;
3894
- overflow-x: auto;
3895
- overflow-y: hidden;
3896
- }
3897
- ul.menu-h li.menu-item,
3898
- ul.menu-h li {
3899
- margin: 0;
3900
- text-align: center;
3901
- }
3902
- /* css overflow rules */
3903
- .overflow-visible {
3904
- overflow: visible;
3905
- }
3906
-
3907
- .overflow-hidden {
3908
- overflow: hidden;
3909
- }
3910
-
3911
- .overflow-clip {
3912
- overflow: clip;
3913
- }
3914
-
3915
- .overflow-scroll {
3916
- overflow: scroll;
3917
- }
3918
-
3919
- .overflow-auto {
3920
- overflow: auto;
3921
- }
3922
-
3923
- .overflow-x-visible {
3924
- overflow: visible;
3925
- }
3926
-
3927
- .overflow-x-hidden {
3928
- overflow: hidden;
3929
- }
3930
-
3931
- .overflow-x-clip {
3932
- overflow: clip;
3933
- }
3934
-
3935
- .overflow-x-scroll {
3936
- overflow: scroll;
3937
- }
3938
-
3939
- .overflow-x-auto {
3940
- overflow: auto;
3941
- }
3942
-
3943
- .overflow-y-visible {
3944
- overflow: visible;
3945
- }
3946
-
3947
- .overflow-y-hidden {
3948
- overflow: hidden;
3949
- }
3950
-
3951
- .overflow-y-clip {
3952
- overflow: clip;
3953
- }
3954
-
3955
- .overflow-y-scroll {
3956
- overflow: scroll;
3957
- }
3958
-
3959
- .overflow-y-auto {
3960
- overflow: auto;
3961
- }
3962
- .w-full {
3963
- width: 100%;
3964
- }
3965
- .w-full-max {
3966
- max-width: 100%;
3967
- }
3968
- .w-full-min {
3969
- min-width: 100%;
3970
- }
3971
-
3972
- .w-mid {
3973
- width: 50%;
3974
- }
3975
- .w-mid-max {
3976
- max-width: 50%;
3977
- }
3978
- .w-mid-min {
3979
- min-width: 50%;
3980
- }
3981
-
3982
- .w-quarter {
3983
- width: 25%;
3984
- }
3985
- .w-quarter-max {
3986
- max-width: 25%;
3987
- }
3988
- .w-quarter-min {
3989
- min-width: 25%;
3990
- }
3991
-
3992
- .w-tiers {
3993
- width: 33%;
3994
- }
3995
- .w-tiers-max {
3996
- max-width: 33%;
3997
- }
3998
- .w-tiers-min {
3999
- min-width: 33%;
4000
- }
4001
-
4002
- .w-content-max {
4003
- width: max-content;
4004
- }
4005
- .w-content-max-max {
4006
- max-width: max-content;
4007
- }
4008
- .w-content-max-min {
4009
- min-width: max-content;
4010
- }
4011
-
4012
- .w-content-min {
4013
- width: min-content;
4014
- }
4015
- .w-content-min-max {
4016
- max-width: min-content;
4017
- }
4018
- .w-content-min-min {
4019
- min-width: min-content;
4020
- }
4021
-
4022
- .w-tiny {
4023
- width: 2rem;
4024
- }
4025
- .w-tiny-max {
4026
- max-width: 2rem;
4027
- }
4028
- .w-tiny-min {
4029
- min-width: 2rem;
4030
- }
4031
-
4032
- .w-small {
4033
- width: 4rem;
4034
- }
4035
- .w-small-max {
4036
- max-width: 4rem;
4037
- }
4038
- .w-small-min {
4039
- min-width: 4rem;
4040
- }
4041
-
4042
- .w-medium {
4043
- width: 8rem;
4044
- }
4045
- .w-medium-max {
4046
- max-width: 8rem;
4047
- }
4048
- .w-medium-min {
4049
- min-width: 8rem;
4050
- }
4051
-
4052
- .w-large {
4053
- width: 16rem;
4054
- }
4055
- .w-large-max {
4056
- max-width: 16rem;
4057
- }
4058
- .w-large-min {
4059
- min-width: 16rem;
4060
- }
4061
-
4062
- .w-wide {
4063
- width: 32rem;
4064
- }
4065
- .w-wide-max {
4066
- max-width: 32rem;
4067
- }
4068
- .w-wide-min {
4069
- min-width: 32rem;
4070
- }
4071
-
4072
- .w-1 {
4073
- width: 1rem;
4074
- }
4075
- .w-1-max {
4076
- max-width: 1rem;
4077
- }
4078
- .w-1-min {
4079
- min-width: 1rem;
4080
- }
4081
-
4082
- .w-2 {
4083
- width: 2rem;
4084
- }
4085
- .w-2-max {
4086
- max-width: 2rem;
4087
- }
4088
- .w-2-min {
4089
- min-width: 2rem;
4090
- }
4091
-
4092
- .w-4 {
4093
- width: 4rem;
4094
- }
4095
- .w-4-max {
4096
- max-width: 4rem;
4097
- }
4098
- .w-4-min {
4099
- min-width: 4rem;
4100
- }
4101
-
4102
- .w-8 {
4103
- width: 8rem;
4104
- }
4105
- .w-8-max {
4106
- max-width: 8rem;
4107
- }
4108
- .w-8-min {
4109
- min-width: 8rem;
4110
- }
4111
-
4112
- .w-16 {
4113
- width: 16rem;
4114
- }
4115
- .w-16-max {
4116
- max-width: 16rem;
4117
- }
4118
- .w-16-min {
4119
- min-width: 16rem;
4120
- }
4121
-
4122
- .w-24 {
4123
- width: 24rem;
4124
- }
4125
- .w-24-max {
4126
- max-width: 24rem;
4127
- }
4128
- .w-24-min {
4129
- min-width: 24rem;
4130
- }
4131
-
4132
- .w-32 {
4133
- width: 32rem;
4134
- }
4135
- .w-32-max {
4136
- max-width: 32rem;
4137
- }
4138
- .w-32-min {
4139
- min-width: 32rem;
4140
- }
4141
-
4142
- .w-48 {
4143
- width: 48rem;
4144
- }
4145
- .w-48-max {
4146
- max-width: 48rem;
4147
- }
4148
- .w-48-min {
4149
- min-width: 48rem;
4150
- }
4151
-
4152
- .w-64 {
4153
- width: 64rem;
4154
- }
4155
- .w-64-max {
4156
- max-width: 64rem;
4157
- }
4158
- .w-64-min {
4159
- min-width: 64rem;
4160
- }
4161
-
4162
- .w-1-16 {
4163
- width: 6.25%;
4164
- }
4165
- .w-1-16-max {
4166
- max-width: 6.25%;
4167
- }
4168
- .w-1-16-min {
4169
- min-width: 6.25%;
4170
- }
4171
-
4172
- .w-2-16 {
4173
- width: 12.5%;
4174
- }
4175
- .w-2-16-max {
4176
- max-width: 12.5%;
4177
- }
4178
- .w-2-16-min {
4179
- min-width: 12.5%;
4180
- }
4181
-
4182
- .w-3-16 {
4183
- width: 18.75%;
4184
- }
4185
- .w-3-16-max {
4186
- max-width: 18.75%;
4187
- }
4188
- .w-3-16-min {
4189
- min-width: 18.75%;
4190
- }
4191
-
4192
- .w-4-16 {
4193
- width: 25%;
4194
- }
4195
- .w-4-16-max {
4196
- max-width: 25%;
4197
- }
4198
- .w-4-16-min {
4199
- min-width: 25%;
4200
- }
4201
-
4202
- .w-5-16 {
4203
- width: 31.25%;
4204
- }
4205
- .w-5-16-max {
4206
- max-width: 31.25%;
4207
- }
4208
- .w-5-16-min {
4209
- min-width: 31.25%;
4210
- }
4211
-
4212
- .w-6-16 {
4213
- width: 37.5%;
4214
- }
4215
- .w-6-16-max {
4216
- max-width: 37.5%;
4217
- }
4218
- .w-6-16-min {
4219
- min-width: 37.5%;
4220
- }
4221
-
4222
- .w-7-16 {
4223
- width: 43.75%;
4224
- }
4225
- .w-7-16-max {
4226
- max-width: 43.75%;
4227
- }
4228
- .w-7-16-min {
4229
- min-width: 43.75%;
4230
- }
4231
-
4232
- .w-8-16 {
4233
- width: 50%;
4234
- }
4235
- .w-8-16-max {
4236
- max-width: 50%;
4237
- }
4238
- .w-8-16-min {
4239
- min-width: 50%;
4240
- }
4241
-
4242
- .w-9-16 {
4243
- width: 56.25%;
4244
- }
4245
- .w-9-16-max {
4246
- max-width: 56.25%;
4247
- }
4248
- .w-9-16-min {
4249
- min-width: 56.25%;
4250
- }
4251
-
4252
- .w-10-16 {
4253
- width: 62.5%;
4254
- }
4255
- .w-10-16-max {
4256
- max-width: 62.5%;
4257
- }
4258
- .w-10-16-min {
4259
- min-width: 62.5%;
4260
- }
4261
-
4262
- .w-11-16 {
4263
- width: 68.75%;
4264
- }
4265
- .w-11-16-max {
4266
- max-width: 68.75%;
4267
- }
4268
- .w-11-16-min {
4269
- min-width: 68.75%;
4270
- }
4271
-
4272
- .w-12-16 {
4273
- width: 75%;
4274
- }
4275
- .w-12-16-max {
4276
- max-width: 75%;
4277
- }
4278
- .w-12-16-min {
4279
- min-width: 75%;
4280
- }
4281
-
4282
- .w-13-16 {
4283
- width: 81.25%;
4284
- }
4285
- .w-13-16-max {
4286
- max-width: 81.25%;
4287
- }
4288
- .w-13-16-min {
4289
- min-width: 81.25%;
4290
- }
4291
-
4292
- .w-14-16 {
4293
- width: 87.5%;
4294
- }
4295
- .w-14-16-max {
4296
- max-width: 87.5%;
4297
- }
4298
- .w-14-16-min {
4299
- min-width: 87.5%;
4300
- }
4301
-
4302
- .w-15-16 {
4303
- width: 93.75%;
4304
- }
4305
- .w-15-16-max {
4306
- max-width: 93.75%;
4307
- }
4308
- .w-15-16-min {
4309
- min-width: 93.75%;
4310
- }
4311
-
4312
- .w-16-16 {
4313
- width: 100%;
4314
- }
4315
- .w-16-16-max {
4316
- max-width: 100%;
4317
- }
4318
- .w-16-16-min {
4319
- min-width: 100%;
4320
- }
4321
-
4322
- .h-full {
4323
- height: 100%;
4324
- }
4325
- .h-full-max {
4326
- max-height: 100%;
4327
- }
4328
- .h-full-min {
4329
- min-height: 100%;
4330
- }
4331
-
4332
- .h-mid {
4333
- height: 50%;
4334
- }
4335
- .h-mid-max {
4336
- max-height: 50%;
4337
- }
4338
- .h-mid-min {
4339
- min-height: 50%;
4340
- }
4341
-
4342
- .h-quarter {
4343
- height: 25%;
4344
- }
4345
- .h-quarter-max {
4346
- max-height: 25%;
4347
- }
4348
- .h-quarter-min {
4349
- min-height: 25%;
4350
- }
4351
-
4352
- .h-tiers {
4353
- height: 33%;
4354
- }
4355
- .h-tiers-max {
4356
- max-height: 33%;
4357
- }
4358
- .h-tiers-min {
4359
- min-height: 33%;
4360
- }
4361
-
4362
- .h-content-max {
4363
- height: max-content;
4364
- }
4365
- .h-content-max-max {
4366
- max-height: max-content;
4367
- }
4368
- .h-content-max-min {
4369
- min-height: max-content;
4370
- }
4371
-
4372
- .h-content-min {
4373
- height: min-content;
4374
- }
4375
- .h-content-min-max {
4376
- max-height: min-content;
4377
- }
4378
- .h-content-min-min {
4379
- min-height: min-content;
4380
- }
4381
-
4382
- .h-tiny {
4383
- height: 2rem;
4384
- }
4385
- .h-tiny-max {
4386
- max-height: 2rem;
4387
- }
4388
- .h-tiny-min {
4389
- min-height: 2rem;
4390
- }
4391
-
4392
- .h-small {
4393
- height: 4rem;
4394
- }
4395
- .h-small-max {
4396
- max-height: 4rem;
4397
- }
4398
- .h-small-min {
4399
- min-height: 4rem;
4400
- }
4401
-
4402
- .h-medium {
4403
- height: 8rem;
4404
- }
4405
- .h-medium-max {
4406
- max-height: 8rem;
4407
- }
4408
- .h-medium-min {
4409
- min-height: 8rem;
4410
- }
4411
-
4412
- .h-large {
4413
- height: 16rem;
4414
- }
4415
- .h-large-max {
4416
- max-height: 16rem;
4417
- }
4418
- .h-large-min {
4419
- min-height: 16rem;
4420
- }
4421
-
4422
- .h-wide {
4423
- height: 32rem;
4424
- }
4425
- .h-wide-max {
4426
- max-height: 32rem;
4427
- }
4428
- .h-wide-min {
4429
- min-height: 32rem;
4430
- }
4431
-
4432
- .h-1 {
4433
- height: 1rem;
4434
- }
4435
- .h-1-max {
4436
- max-height: 1rem;
4437
- }
4438
- .h-1-min {
4439
- min-height: 1rem;
4440
- }
4441
-
4442
- .h-2 {
4443
- height: 2rem;
4444
- }
4445
- .h-2-max {
4446
- max-height: 2rem;
4447
- }
4448
- .h-2-min {
4449
- min-height: 2rem;
4450
- }
4451
-
4452
- .h-4 {
4453
- height: 4rem;
4454
- }
4455
- .h-4-max {
4456
- max-height: 4rem;
4457
- }
4458
- .h-4-min {
4459
- min-height: 4rem;
4460
- }
4461
-
4462
- .h-8 {
4463
- height: 8rem;
4464
- }
4465
- .h-8-max {
4466
- max-height: 8rem;
4467
- }
4468
- .h-8-min {
4469
- min-height: 8rem;
4470
- }
4471
-
4472
- .h-16 {
4473
- height: 16rem;
4474
- }
4475
- .h-16-max {
4476
- max-height: 16rem;
4477
- }
4478
- .h-16-min {
4479
- min-height: 16rem;
4480
- }
4481
-
4482
- .h-24 {
4483
- height: 24rem;
4484
- }
4485
- .h-24-max {
4486
- max-height: 24rem;
4487
- }
4488
- .h-24-min {
4489
- min-height: 24rem;
4490
- }
4491
-
4492
- .h-32 {
4493
- height: 32rem;
4494
- }
4495
- .h-32-max {
4496
- max-height: 32rem;
4497
- }
4498
- .h-32-min {
4499
- min-height: 32rem;
4500
- }
4501
-
4502
- .h-48 {
4503
- height: 48rem;
4504
- }
4505
- .h-48-max {
4506
- max-height: 48rem;
4507
- }
4508
- .h-48-min {
4509
- min-height: 48rem;
4510
- }
4511
-
4512
- .h-64 {
4513
- height: 64rem;
4514
- }
4515
- .h-64-max {
4516
- max-height: 64rem;
4517
- }
4518
- .h-64-min {
4519
- min-height: 64rem;
4520
- }
4521
-
4522
- .h-1-16 {
4523
- height: 6.25%;
4524
- }
4525
- .h-1-16-max {
4526
- max-height: 6.25%;
4527
- }
4528
- .h-1-16-min {
4529
- min-height: 6.25%;
4530
- }
4531
-
4532
- .h-2-16 {
4533
- height: 12.5%;
4534
- }
4535
- .h-2-16-max {
4536
- max-height: 12.5%;
4537
- }
4538
- .h-2-16-min {
4539
- min-height: 12.5%;
4540
- }
4541
-
4542
- .h-3-16 {
4543
- height: 18.75%;
4544
- }
4545
- .h-3-16-max {
4546
- max-height: 18.75%;
4547
- }
4548
- .h-3-16-min {
4549
- min-height: 18.75%;
4550
- }
4551
-
4552
- .h-4-16 {
4553
- height: 25%;
4554
- }
4555
- .h-4-16-max {
4556
- max-height: 25%;
4557
- }
4558
- .h-4-16-min {
4559
- min-height: 25%;
4560
- }
4561
-
4562
- .h-5-16 {
4563
- height: 31.25%;
4564
- }
4565
- .h-5-16-max {
4566
- max-height: 31.25%;
4567
- }
4568
- .h-5-16-min {
4569
- min-height: 31.25%;
4570
- }
4571
-
4572
- .h-6-16 {
4573
- height: 37.5%;
4574
- }
4575
- .h-6-16-max {
4576
- max-height: 37.5%;
4577
- }
4578
- .h-6-16-min {
4579
- min-height: 37.5%;
4580
- }
4581
-
4582
- .h-7-16 {
4583
- height: 43.75%;
4584
- }
4585
- .h-7-16-max {
4586
- max-height: 43.75%;
4587
- }
4588
- .h-7-16-min {
4589
- min-height: 43.75%;
4590
- }
4591
-
4592
- .h-8-16 {
4593
- height: 50%;
4594
- }
4595
- .h-8-16-max {
4596
- max-height: 50%;
4597
- }
4598
- .h-8-16-min {
4599
- min-height: 50%;
4600
- }
4601
-
4602
- .h-9-16 {
4603
- height: 56.25%;
4604
- }
4605
- .h-9-16-max {
4606
- max-height: 56.25%;
4607
- }
4608
- .h-9-16-min {
4609
- min-height: 56.25%;
4610
- }
4611
-
4612
- .h-10-16 {
4613
- height: 62.5%;
4614
- }
4615
- .h-10-16-max {
4616
- max-height: 62.5%;
4617
- }
4618
- .h-10-16-min {
4619
- min-height: 62.5%;
4620
- }
4621
-
4622
- .h-11-16 {
4623
- height: 68.75%;
4624
- }
4625
- .h-11-16-max {
4626
- max-height: 68.75%;
4627
- }
4628
- .h-11-16-min {
4629
- min-height: 68.75%;
4630
- }
4631
-
4632
- .h-12-16 {
4633
- height: 75%;
4634
- }
4635
- .h-12-16-max {
4636
- max-height: 75%;
4637
- }
4638
- .h-12-16-min {
4639
- min-height: 75%;
4640
- }
4641
-
4642
- .h-13-16 {
4643
- height: 81.25%;
4644
- }
4645
- .h-13-16-max {
4646
- max-height: 81.25%;
4647
- }
4648
- .h-13-16-min {
4649
- min-height: 81.25%;
4650
- }
4651
-
4652
- .h-14-16 {
4653
- height: 87.5%;
4654
- }
4655
- .h-14-16-max {
4656
- max-height: 87.5%;
4657
- }
4658
- .h-14-16-min {
4659
- min-height: 87.5%;
4660
- }
4661
-
4662
- .h-15-16 {
4663
- height: 93.75%;
4664
- }
4665
- .h-15-16-max {
4666
- max-height: 93.75%;
4667
- }
4668
- .h-15-16-min {
4669
- min-height: 93.75%;
4670
- }
4671
-
4672
- .h-16-16 {
4673
- height: 100%;
4674
- }
4675
- .h-16-16-max {
4676
- max-height: 100%;
4677
- }
4678
- .h-16-16-min {
4679
- min-height: 100%;
4680
- }
4681
- /** cssfabric : tbl*/
4682
- .table {
4683
- border-collapse: collapse;
4684
- border-spacing: 0;
4685
- }
4686
- .table thead,
4687
- .table .thead {
4688
- position: relative;
4689
- margin-bottom: 2rem;
4690
- }
4691
- .table.tbl-head thead tr th {
4692
- background-color: table_bg_color_head;
4693
- }
4694
- .table thead tr th,
4695
- .table .thead .tr .th {
4696
- padding: 0.5rem 0.25rem;
4697
- font-weight: normal;
4698
- }
4699
- .table tbody tr td,
4700
- .table .tbody .tr .td {
4701
- padding: 0.25em;
4702
- }
4703
- .table.tbl-layout {
4704
- table-layout: fixed;
4705
- }
4706
- .table.tbl-h-line th,
4707
- .table.tbl-h-line td,
4708
- .table.tbl-h-line .th,
4709
- .table.tbl-h-line .td {
4710
- border-bottom: 1px solid #ededed;
4711
- }
4712
- .table.tbl-h-line:last-child {
4713
- border-bottom: none;
4714
- }
4715
- .table.tbl-v-line tr th, .table.tbl-v-line tr td {
4716
- border-right: 1px solid #ededed;
4717
- }
4718
- .table.tbl-v-line tr th:last-child, .table.tbl-v-line tr td:last-child {
4719
- border-right: none;
4720
- }
4721
- .table.tbl-border {
4722
- border: 1px solid #ededed;
4723
- }
4724
- .table.tbl-shad thead tr th {
4725
- box-shadow: 4px 4px 8px #ccc;
4726
- z-index: 11;
4727
- }
4728
- .table.tbl-shad thead tr th:last-child {
4729
- box-shadow: 4px 4px 8px #ccc;
4730
- z-index: -1;
4731
- }
4732
- .table.tbl-bg-strip-2 tr:nth-child(2n+2) td {
4733
- background-color: #ededed;
4734
- }
4735
- .table.tbl-bg-strip-5 tr:nth-child(5n+5) td {
4736
- background-color: #ededed;
4737
- }
4738
- .table.tbl-sticky {
4739
- position: relative;
4740
- }
4741
- .table.tbl-sticky thead tr,
4742
- .table.tbl-sticky .thead .tr {
4743
- position: static;
4744
- }
4745
- .table.tbl-sticky thead tr th,
4746
- .table.tbl-sticky thead tr .th,
4747
- .table.tbl-sticky .thead .tr th,
4748
- .table.tbl-sticky .thead .tr .th {
4749
- background-color: #ededed;
4750
- position: sticky;
4751
- top: 0;
4752
- }
4753
- .text-ellipsis {
4754
- text-overflow: ellipsis;
4755
- overflow: hidden;
4756
- white-space: nowrap;
4757
- }
4758
-
4759
- .h1,
4760
- h1 {
4761
- font-size: var(--font-size-h1);
4762
- line-height: 1.2;
4763
- font-weight: 400;
4764
- }
4765
-
4766
- .h2,
4767
- h2 {
4768
- font-size: var(--font-size-h2);
4769
- line-height: 1.2;
4770
- font-weight: 400;
4771
- }
4772
-
4773
- .h3,
4774
- h3 {
4775
- font-size: var(--font-size-h3);
4776
- line-height: 1.2;
4777
- font-weight: 400;
4778
- }
4779
-
4780
- .h4,
4781
- h4 {
4782
- font-size: var(--font-size-h4);
4783
- line-height: 1.2;
4784
- font-weight: 400;
4785
- }
4786
-
4787
- .h5,
4788
- h5 {
4789
- font-size: var(--font-size-h5);
4790
- line-height: 1.2;
4791
- font-weight: 400;
4792
- }
4793
-
4794
- .h6,
4795
- h6 {
4796
- font-size: var(--font-size-h6);
4797
- line-height: 1.2;
4798
- font-weight: 400;
4799
- }
4800
-
4801
- .text-cap {
4802
- text-transform: capitalize;
4803
- }
4804
- .text-up {
4805
- text-transform: uppercase;
4806
- }
4807
- .text-low {
4808
- text-transform: lowercase;
4809
- }
4810
- .text-none {
4811
- text-transform: none;
4812
- }
4813
- .text-full {
4814
- text-transform: full-width;
4815
- }
4816
-
4817
- .text-l {
4818
- text-align: left;
4819
- }
4820
- .text-r {
4821
- text-align: right;
4822
- }
4823
- .text-center {
4824
- text-align: center;
4825
- }
4826
- .text-justify {
4827
- text-align: justify;
4828
- }
4829
-
4830
- .text-50 {
4831
- font-weight: var(--font-weight-50);
4832
- }
4833
- .text-100 {
4834
- font-weight: var(--font-weight-100);
4835
- }
4836
- .text-300 {
4837
- font-weight: var(--font-weight-300);
4838
- }
4839
- .text-500 {
4840
- font-weight: var(--font-weight-500);
4841
- }
4842
- .text-900 {
4843
- font-weight: var(--font-weight-900);
4844
- }
4845
- .text-light {
4846
- font-weight: var(--font-weight-light);
4847
- }
4848
- .text-cap {
4849
- font-weight: var(--font-weight-cap);
4850
- }
4851
- .text-bold {
4852
- font-weight: var(--font-weight-bold);
4853
- }
4854
- .text-bolder {
4855
- font-weight: var(--font-weight-bolder);
4856
- }
4857
-
4858
- .text-shad-discrete {
4859
- text-shadow: var(--text-shadow-discrete);
4860
- }
4861
- .text-shad-success {
4862
- text-shadow: var(--text-shadow-success);
4863
- }
4864
- .text-shad-info {
4865
- text-shadow: var(--text-shadow-info);
4866
- }
4867
- .text-shad-warning {
4868
- text-shadow: var(--text-shadow-warning);
4869
- }
4870
- .text-shad-alert {
4871
- text-shadow: var(--text-shadow-alert);
4872
- }
4873
- .text-shad-error {
4874
- text-shadow: var(--text-shadow-error);
4875
- }
4876
-
4877
- .text-shad-yellow {
4878
- text-shadow: var(--text-shadow-yellow);
4879
- }
4880
- .text-shad-orange {
4881
- text-shadow: var(--text-shadow-orange);
4882
- }
4883
- .text-shad-red {
4884
- text-shadow: var(--text-shadow-red);
4885
- }
4886
- .text-shad-magenta {
4887
- text-shadow: var(--text-shadow-magenta);
4888
- }
4889
- .text-shad-purple {
4890
- text-shadow: var(--text-shadow-purple);
4891
- }
4892
- .text-shad-green {
4893
- text-shadow: var(--text-shadow-green);
4894
- }
4895
- .text-shad-teal {
4896
- text-shadow: var(--text-shadow-teal);
4897
- }
4898
- .text-shad-blue {
4899
- text-shadow: var(--text-shadow-blue);
4900
- }
4901
- .text-shad-dark {
4902
- text-shadow: var(--text-shadow-dark);
4903
- }
4904
- .theme-text-primary {
4905
- color: var(--theme-color-primary);
4906
- }
4907
- .theme-text-primary-light {
4908
- color: var(--theme-color-primary-light);
4909
- }
4910
- .theme-text-primary-lighter {
4911
- color: var(--theme-color-primary-lighter);
4912
- }
4913
- .theme-text-primary-dark {
4914
- color: var(--theme-color-primary-dark);
4915
- }
4916
- .theme-text-primary-darker {
4917
- color: var(--theme-color-primary-darker);
4918
- }
4919
- .theme-text-primary-complement {
4920
- color: var(--theme-color-primary-complement);
4921
- }
4922
- .theme-text-primary-invert {
4923
- color: var(--theme-color-primary-invert);
4924
- }
4925
-
4926
- .theme-bg-primary {
4927
- background-color: var(--theme-color-primary);
4928
- }
4929
- .theme-bg-primary-light {
4930
- background-color: var(--theme-color-primary-light);
4931
- }
4932
- .theme-bg-primary-lighter {
4933
- background-color: var(--theme-color-primary-lighter);
4934
- }
4935
- .theme-bg-primary-dark {
4936
- background-color: var(--theme-color-primary-dark);
4937
- }
4938
- .theme-bg-primary-darker {
4939
- background-color: var(--theme-color-primary-darker);
4940
- }
4941
- .theme-bg-primary-complement {
4942
- background-color: var(--theme-color-primary-complement);
4943
- }
4944
- .theme-bg-primary-invert {
4945
- background-color: var(--theme-color-primary-invert);
4946
- }
4947
-
4948
- .theme-border-primary {
4949
- border-color: var(--theme-color-primary);
4950
- }
4951
- .theme-border-primary-light {
4952
- border-color: var(--theme-color-primary-light);
4953
- }
4954
- .theme-border-primary-lighter {
4955
- border-color: var(--theme-color-primary-lighter);
4956
- }
4957
- .theme-border-primary-dark {
4958
- border-color: var(--theme-color-primary-dark);
4959
- }
4960
- .theme-border-primary-darker {
4961
- border-color: var(--theme-color-primary-darker);
4962
- }
4963
- .theme-border-primary-complement {
4964
- border-color: var(--theme-color-primary-complement);
4965
- }
4966
- .theme-border-primary-invert {
4967
- border-color: var(--theme-color-primary-invert);
4968
- }
4969
-
4970
- .theme-text-secondary {
4971
- color: var(--theme-color-secondary);
4972
- }
4973
- .theme-text-secondary-light {
4974
- color: var(--theme-color-secondary-light);
4975
- }
4976
- .theme-text-secondary-lighter {
4977
- color: var(--theme-color-secondary-lighter);
4978
- }
4979
- .theme-text-secondary-dark {
4980
- color: var(--theme-color-secondary-dark);
4981
- }
4982
- .theme-text-secondary-darker {
4983
- color: var(--theme-color-secondary-darker);
4984
- }
4985
- .theme-text-secondary-complement {
4986
- color: var(--theme-color-secondary-complement);
4987
- }
4988
- .theme-text-secondary-invert {
4989
- color: var(--theme-color-secondary-invert);
4990
- }
4991
-
4992
- .theme-bg-secondary {
4993
- background-color: var(--theme-color-secondary);
4994
- }
4995
- .theme-bg-secondary-light {
4996
- background-color: var(--theme-color-secondary-light);
4997
- }
4998
- .theme-bg-secondary-lighter {
4999
- background-color: var(--theme-color-secondary-lighter);
5000
- }
5001
- .theme-bg-secondary-dark {
5002
- background-color: var(--theme-color-secondary-dark);
5003
- }
5004
- .theme-bg-secondary-darker {
5005
- background-color: var(--theme-color-secondary-darker);
5006
- }
5007
- .theme-bg-secondary-complement {
5008
- background-color: var(--theme-color-secondary-complement);
5009
- }
5010
- .theme-bg-secondary-invert {
5011
- background-color: var(--theme-color-secondary-invert);
5012
- }
5013
-
5014
- .theme-border-secondary {
5015
- border-color: var(--theme-color-secondary);
5016
- }
5017
- .theme-border-secondary-light {
5018
- border-color: var(--theme-color-secondary-light);
5019
- }
5020
- .theme-border-secondary-lighter {
5021
- border-color: var(--theme-color-secondary-lighter);
5022
- }
5023
- .theme-border-secondary-dark {
5024
- border-color: var(--theme-color-secondary-dark);
5025
- }
5026
- .theme-border-secondary-darker {
5027
- border-color: var(--theme-color-secondary-darker);
5028
- }
5029
- .theme-border-secondary-complement {
5030
- border-color: var(--theme-color-secondary-complement);
5031
- }
5032
- .theme-border-secondary-invert {
5033
- border-color: var(--theme-color-secondary-invert);
5034
- }
5035
-
5036
- .theme-text-tertiary {
5037
- color: var(--theme-color-tertiary);
5038
- }
5039
- .theme-text-tertiary-light {
5040
- color: var(--theme-color-tertiary-light);
5041
- }
5042
- .theme-text-tertiary-lighter {
5043
- color: var(--theme-color-tertiary-lighter);
5044
- }
5045
- .theme-text-tertiary-dark {
5046
- color: var(--theme-color-tertiary-dark);
5047
- }
5048
- .theme-text-tertiary-darker {
5049
- color: var(--theme-color-tertiary-darker);
5050
- }
5051
- .theme-text-tertiary-complement {
5052
- color: var(--theme-color-tertiary-complement);
5053
- }
5054
- .theme-text-tertiary-invert {
5055
- color: var(--theme-color-tertiary-invert);
5056
- }
5057
-
5058
- .theme-bg-tertiary {
5059
- background-color: var(--theme-color-tertiary);
5060
- }
5061
- .theme-bg-tertiary-light {
5062
- background-color: var(--theme-color-tertiary-light);
5063
- }
5064
- .theme-bg-tertiary-lighter {
5065
- background-color: var(--theme-color-tertiary-lighter);
5066
- }
5067
- .theme-bg-tertiary-dark {
5068
- background-color: var(--theme-color-tertiary-dark);
5069
- }
5070
- .theme-bg-tertiary-darker {
5071
- background-color: var(--theme-color-tertiary-darker);
5072
- }
5073
- .theme-bg-tertiary-complement {
5074
- background-color: var(--theme-color-tertiary-complement);
5075
- }
5076
- .theme-bg-tertiary-invert {
5077
- background-color: var(--theme-color-tertiary-invert);
5078
- }
5079
-
5080
- .theme-border-tertiary {
5081
- border-color: var(--theme-color-tertiary);
5082
- }
5083
- .theme-border-tertiary-light {
5084
- border-color: var(--theme-color-tertiary-light);
5085
- }
5086
- .theme-border-tertiary-lighter {
5087
- border-color: var(--theme-color-tertiary-lighter);
5088
- }
5089
- .theme-border-tertiary-dark {
5090
- border-color: var(--theme-color-tertiary-dark);
5091
- }
5092
- .theme-border-tertiary-darker {
5093
- border-color: var(--theme-color-tertiary-darker);
5094
- }
5095
- .theme-border-tertiary-complement {
5096
- border-color: var(--theme-color-tertiary-complement);
5097
- }
5098
- .theme-border-tertiary-invert {
5099
- border-color: var(--theme-color-tertiary-invert);
5100
- }
5101
- .zI-0 {
5102
- z-index: 0;
5103
- }
5104
-
5105
- .zI-1 {
5106
- z-index: 100;
5107
- }
5108
-
5109
- .zI-2 {
5110
- z-index: 200;
5111
- }
5112
-
5113
- .zI-3 {
5114
- z-index: 300;
5115
- }
5116
-
5117
- .zI-4 {
5118
- z-index: 400;
5119
- }
5120
-
5121
- .zI-5 {
5122
- z-index: 500;
5123
- }
5124
-
5125
- .zI-6 {
5126
- z-index: 600;
5127
- }
5128
-
5129
- .zI-7 {
5130
- z-index: 700;
5131
- }
5132
-
5133
- .zI-8 {
5134
- z-index: 800;
5135
- }
5136
-
5137
- .zI-9 {
5138
- z-index: 900;
5139
- }
5140
-
5141
- .zI-10 {
5142
- z-index: 1000;
5143
- }