@medyll/cssfabric 0.1.12 → 0.2.2

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