intelicoreact 0.0.3 → 0.0.7

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 (227) hide show
  1. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +6 -2
  2. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +92 -63
  3. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +2 -4
  4. package/dist/Atomic/FormElements/DateTime/DateTime.stories.js +1 -3
  5. package/dist/Atomic/FormElements/DoubleString/DoubleString.stories.js +0 -2
  6. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +56 -25
  7. package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +26 -3
  8. package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +40 -11
  9. package/dist/Atomic/FormElements/Header/Header.js +7 -9
  10. package/dist/Atomic/FormElements/Header/Header.scss +16 -5
  11. package/dist/Atomic/FormElements/Header/Header.stories.js +0 -2
  12. package/dist/Atomic/FormElements/Input/Input.js +101 -98
  13. package/dist/Atomic/FormElements/Input/Input.scss +26 -19
  14. package/dist/Atomic/FormElements/Input/Input.stories.js +48 -27
  15. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +89 -0
  16. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +46 -0
  17. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +259 -0
  18. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +594 -0
  19. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +244 -0
  20. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +489 -0
  21. package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +156 -0
  22. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +46 -0
  23. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +249 -0
  24. package/dist/Atomic/FormElements/InputsRow/InputsRow.js +29 -6
  25. package/dist/Atomic/FormElements/InputsRow/InputsRow.scss +1 -3
  26. package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -2
  27. package/dist/Atomic/FormElements/Label/Label.js +4 -13
  28. package/dist/Atomic/FormElements/Label/Label.scss +3 -3
  29. package/dist/Atomic/FormElements/Label/Label.stories.js +5 -6
  30. package/dist/Atomic/FormElements/Modal/Modal.js +5 -7
  31. package/dist/Atomic/FormElements/Modal/Modal.scss +61 -7
  32. package/dist/Atomic/FormElements/Modal/Modal.stories.js +64 -18
  33. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +3 -5
  34. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss +1 -3
  35. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -2
  36. package/dist/Atomic/FormElements/NavLine/NavLine.js +1 -1
  37. package/dist/Atomic/FormElements/NavLine/NavLine.scss +4 -6
  38. package/dist/Atomic/FormElements/NavLine/NavLine.stories.js +20 -12
  39. package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -2
  40. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +167 -0
  41. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +101 -0
  42. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +81 -0
  43. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -2
  44. package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -2
  45. package/dist/Atomic/FormElements/Table/Partials/TdHeader.js +2 -2
  46. package/dist/Atomic/FormElements/Table/Table.scss +1 -1
  47. package/dist/Atomic/FormElements/Table/TdTypes/TdActions.js +4 -4
  48. package/dist/Atomic/FormElements/Table/TdTypes/TdPriority.js +2 -2
  49. package/dist/Atomic/FormElements/Table/TdTypes/TdTypes.scss +4 -6
  50. package/dist/Atomic/FormElements/Table/TdTypes/TdWeight.js +2 -2
  51. package/dist/Atomic/FormElements/Tag/Tag.js +1 -1
  52. package/dist/Atomic/FormElements/Tag/Tag.stories.js +0 -2
  53. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +2 -2
  54. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -2
  55. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -2
  56. package/dist/Atomic/FormElements/Textarea/Textarea.scss +1 -1
  57. package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -2
  58. package/dist/Atomic/FormElements/TimeRange/TimeRange.js +1 -1
  59. package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -2
  60. package/dist/Atomic/MainMenu/MainMenu.js +3 -3
  61. package/dist/Atomic/MainMenu/MainMenu.scss +2 -2
  62. package/dist/Atomic/MainMenu/MainMenu.stories.js +11 -11
  63. package/dist/Atomic/UI/Accordion/Accordion.scss +2 -2
  64. package/dist/Atomic/UI/Accordion/Accordion.stories.js +4 -4
  65. package/dist/Atomic/UI/Accordion/AccordionItem.js +1 -1
  66. package/dist/Atomic/UI/AdvancedTag/AdvTag.js +3 -3
  67. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +4 -3
  68. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss +3 -5
  69. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +1 -3
  70. package/dist/Atomic/UI/Alert/Alert.scss +7 -0
  71. package/dist/Atomic/UI/Alert/Alert.stories.js +1 -3
  72. package/dist/Atomic/UI/Arrow/Arrow.js +80 -0
  73. package/dist/Atomic/UI/Arrow/Arrow.scss +19 -0
  74. package/dist/Atomic/UI/Arrow/Arrow.stories.js +46 -0
  75. package/dist/Atomic/UI/Button/Button.js +10 -19
  76. package/dist/Atomic/UI/Button/Button.scss +69 -41
  77. package/dist/Atomic/UI/Button/Button.stories.js +9 -25
  78. package/dist/Atomic/UI/Calendar/Calendar.js +146 -0
  79. package/dist/Atomic/UI/Calendar/Calendar.scss +544 -0
  80. package/dist/Atomic/UI/Calendar/Calendar.stories.js +38 -0
  81. package/dist/Atomic/UI/Header/partials/default_ava.png +0 -0
  82. package/dist/Atomic/UI/Hint/Hint.js +8 -13
  83. package/dist/Atomic/UI/Hint/Hint.scss +8 -12
  84. package/dist/Atomic/UI/Hint/Hint.stories.js +3 -4
  85. package/dist/Atomic/UI/Price/Price.js +33 -0
  86. package/dist/Atomic/UI/Price/Price.stories.js +42 -0
  87. package/dist/Atomic/UI/Status/Status.scss +1 -1
  88. package/dist/Atomic/UI/Status/Status.stories.js +4 -3
  89. package/dist/Functions/useClickOutside.js +25 -0
  90. package/dist/Functions/utils.js +10 -2
  91. package/dist/Molecular/Datepicker/Datepicker.js +451 -0
  92. package/dist/Molecular/Datepicker/Datepicker.scss +8 -0
  93. package/dist/Molecular/Datepicker/Datepicker.stories.js +44 -0
  94. package/dist/Molecular/Datepicker/components/Calendar.js +156 -0
  95. package/dist/Molecular/FormElements/FormElement.js +40 -0
  96. package/dist/Molecular/FormElements/FormElement.scss +8 -0
  97. package/dist/Molecular/FormElements/FormElement.stories.js +73 -0
  98. package/dist/scss/_vars.scss +3 -1
  99. package/dist/scss/main.scss +3 -3
  100. package/package.json +11 -6
  101. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.js +12 -2
  102. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +92 -63
  103. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +5 -6
  104. package/src/Atomic/FormElements/DateTime/DateTime.stories.js +1 -3
  105. package/src/Atomic/FormElements/DoubleString/DoubleString.stories.js +0 -2
  106. package/src/Atomic/FormElements/Dropdown/Dropdown.js +70 -29
  107. package/src/Atomic/FormElements/Dropdown/Dropdown.scss +26 -3
  108. package/src/Atomic/FormElements/Dropdown/Dropdown.stories.js +37 -16
  109. package/src/Atomic/FormElements/Header/Header.js +8 -9
  110. package/src/Atomic/FormElements/Header/Header.scss +16 -5
  111. package/src/Atomic/FormElements/Header/Header.stories.js +0 -2
  112. package/src/Atomic/FormElements/Input/Input.js +83 -73
  113. package/src/Atomic/FormElements/Input/Input.scss +26 -19
  114. package/src/Atomic/FormElements/Input/Input.stories.js +34 -29
  115. package/src/Atomic/FormElements/InputCalendar/InputCalendar.js +43 -0
  116. package/src/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +27 -0
  117. package/src/Atomic/FormElements/InputDateRange/InputDateRange.js +241 -0
  118. package/src/Atomic/FormElements/InputDateRange/InputDateRange.scss +594 -0
  119. package/src/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +149 -0
  120. package/src/Atomic/FormElements/InputDateRange/components/Datepicker.js +409 -0
  121. package/src/Atomic/FormElements/InputDateRange/components/OpenedPart.js +114 -0
  122. package/src/Atomic/FormElements/InputDateRange/components/SelectItem.js +24 -0
  123. package/src/Atomic/FormElements/InputDateRange/dependencies.js +161 -0
  124. package/src/Atomic/FormElements/InputsRow/InputsRow.js +28 -5
  125. package/src/Atomic/FormElements/InputsRow/InputsRow.scss +1 -3
  126. package/src/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -2
  127. package/src/Atomic/FormElements/Label/Label.js +3 -6
  128. package/src/Atomic/FormElements/Label/Label.scss +3 -3
  129. package/src/Atomic/FormElements/Label/Label.stories.js +6 -6
  130. package/src/Atomic/FormElements/Modal/Modal.js +5 -8
  131. package/src/Atomic/FormElements/Modal/Modal.scss +61 -7
  132. package/src/Atomic/FormElements/Modal/Modal.stories.js +60 -15
  133. package/src/Atomic/FormElements/MultiSelect/MultiSelect.js +3 -5
  134. package/src/Atomic/FormElements/MultiSelect/MultiSelect.scss +1 -3
  135. package/src/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +1 -2
  136. package/src/Atomic/FormElements/NavLine/NavLine.js +3 -3
  137. package/src/Atomic/FormElements/NavLine/NavLine.scss +4 -6
  138. package/src/Atomic/FormElements/NavLine/NavLine.stories.js +23 -13
  139. package/src/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -2
  140. package/src/Atomic/FormElements/RangeCalendar/RangeCalendar.js +146 -0
  141. package/src/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +101 -0
  142. package/src/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +54 -0
  143. package/src/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -1
  144. package/src/Atomic/FormElements/Switcher/Switcher.stories.js +0 -2
  145. package/src/Atomic/FormElements/Table/Partials/TdHeader.js +1 -1
  146. package/src/Atomic/FormElements/Table/Table.scss +1 -1
  147. package/src/Atomic/FormElements/Table/TdTypes/TdActions.js +4 -4
  148. package/src/Atomic/FormElements/Table/TdTypes/TdPriority.js +3 -3
  149. package/src/Atomic/FormElements/Table/TdTypes/TdTypes.scss +4 -6
  150. package/src/Atomic/FormElements/Table/TdTypes/TdWeight.js +2 -2
  151. package/src/Atomic/FormElements/Tag/Tag.js +2 -2
  152. package/src/Atomic/FormElements/Tag/Tag.stories.js +0 -2
  153. package/src/Atomic/FormElements/TagsDropdown/TagsDropdown.js +3 -3
  154. package/src/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -2
  155. package/src/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -2
  156. package/src/Atomic/FormElements/Textarea/Textarea.scss +1 -1
  157. package/src/Atomic/FormElements/Textarea/Textarea.stories.js +0 -2
  158. package/src/Atomic/FormElements/TimeRange/TimeRange.js +1 -1
  159. package/src/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -2
  160. package/src/Atomic/MainMenu/MainMenu.js +3 -3
  161. package/src/Atomic/MainMenu/MainMenu.scss +2 -2
  162. package/src/Atomic/MainMenu/MainMenu.stories.js +11 -11
  163. package/src/Atomic/UI/Accordion/Accordion.scss +2 -2
  164. package/src/Atomic/UI/Accordion/Accordion.stories.js +4 -4
  165. package/src/Atomic/UI/Accordion/AccordionItem.js +1 -1
  166. package/src/Atomic/UI/AdvancedTag/AdvTag.js +3 -3
  167. package/src/Atomic/UI/AdvancedTag/AdvancedTags.js +3 -3
  168. package/src/Atomic/UI/AdvancedTag/AdvancedTags.scss +3 -5
  169. package/src/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +1 -3
  170. package/src/Atomic/UI/Alert/Alert.scss +7 -0
  171. package/src/Atomic/UI/Alert/Alert.stories.js +1 -3
  172. package/src/Atomic/UI/Arrow/Arrow.js +41 -0
  173. package/src/Atomic/UI/Arrow/Arrow.scss +19 -0
  174. package/src/Atomic/UI/Arrow/Arrow.stories.js +32 -0
  175. package/src/Atomic/UI/Button/Button.js +6 -10
  176. package/src/Atomic/UI/Button/Button.scss +69 -41
  177. package/src/Atomic/UI/Button/Button.stories.js +9 -25
  178. package/src/Atomic/UI/Calendar/Calendar.js +109 -0
  179. package/src/Atomic/UI/Calendar/Calendar.scss +544 -0
  180. package/src/Atomic/UI/Calendar/Calendar.stories.js +24 -0
  181. package/src/Atomic/UI/Header/partials/default_ava.png +0 -0
  182. package/src/Atomic/UI/Hint/Hint.js +6 -9
  183. package/src/Atomic/UI/Hint/Hint.scss +8 -12
  184. package/src/Atomic/UI/Hint/Hint.stories.js +3 -3
  185. package/src/Atomic/UI/Price/Price.js +20 -0
  186. package/src/Atomic/UI/Price/Price.stories.js +30 -0
  187. package/src/Atomic/UI/Status/Status.scss +1 -1
  188. package/src/Atomic/UI/Status/Status.stories.js +4 -3
  189. package/src/Functions/useClickOutside.js +15 -0
  190. package/src/Functions/utils.js +6 -0
  191. package/src/Molecular/Datepicker/Datepicker.js +346 -0
  192. package/src/Molecular/Datepicker/Datepicker.scss +8 -0
  193. package/src/Molecular/Datepicker/Datepicker.stories.js +27 -0
  194. package/src/Molecular/Datepicker/components/Calendar.js +118 -0
  195. package/src/Molecular/FormElements/FormElement.js +18 -0
  196. package/src/Molecular/FormElements/FormElement.scss +8 -0
  197. package/src/Molecular/FormElements/FormElement.stories.js +59 -0
  198. package/src/scss/_vars.scss +3 -1
  199. package/src/scss/main.scss +3 -3
  200. package/dist/scss/anme/_anme-bootstrap-grid.scss +0 -748
  201. package/dist/scss/anme/_anme-elements.scss +0 -269
  202. package/dist/scss/anme/_anme-grid.scss +0 -111
  203. package/dist/scss/anme/_anme-justify.scss +0 -111
  204. package/dist/scss/anme/_anme-mixins-media.scss +0 -116
  205. package/dist/scss/anme/_anme-mixins.scss +0 -166
  206. package/dist/scss/anme/_anme-normalize.scss +0 -8
  207. package/dist/scss/anme/_anme-overall.scss +0 -34
  208. package/dist/scss/anme/_anme-padding-margins.scss +0 -419
  209. package/dist/scss/anme/_anme-table.scss +0 -81
  210. package/dist/scss/anme/_anme-theme.scss +0 -275
  211. package/dist/scss/anme/_anme-vars.scss +0 -91
  212. package/dist/scss/anme/_code-styling.scss +0 -23
  213. package/dist/scss/anme/styles.scss +0 -12
  214. package/src/scss/anme/_anme-bootstrap-grid.scss +0 -748
  215. package/src/scss/anme/_anme-elements.scss +0 -269
  216. package/src/scss/anme/_anme-grid.scss +0 -111
  217. package/src/scss/anme/_anme-justify.scss +0 -111
  218. package/src/scss/anme/_anme-mixins-media.scss +0 -116
  219. package/src/scss/anme/_anme-mixins.scss +0 -166
  220. package/src/scss/anme/_anme-normalize.scss +0 -8
  221. package/src/scss/anme/_anme-overall.scss +0 -34
  222. package/src/scss/anme/_anme-padding-margins.scss +0 -419
  223. package/src/scss/anme/_anme-table.scss +0 -81
  224. package/src/scss/anme/_anme-theme.scss +0 -275
  225. package/src/scss/anme/_anme-vars.scss +0 -91
  226. package/src/scss/anme/_code-styling.scss +0 -23
  227. package/src/scss/anme/styles.scss +0 -12
@@ -1,748 +0,0 @@
1
- @import "anme-mixins-media";
2
- @import "anme-vars";
3
- //Bootstrap-grid
4
- [class^="container"] {
5
- width: 100%;
6
- padding-right: $gAir;
7
- padding-left: $gAir;
8
- margin-right: auto;
9
- margin-left: auto;
10
- }
11
-
12
- .row {
13
- display: flex;
14
- flex-wrap: wrap;
15
- margin-right: -$gAir;
16
- margin-left: -$gAir;
17
-
18
- &.no-gutters {
19
- margin-right: 0;
20
- margin-left: 0;
21
-
22
- .col, [class*="col-"] {
23
- padding-left: 0;
24
- padding-right: 0;
25
- }
26
- }
27
- }
28
-
29
- .col, [class*="col-"] {
30
- box-sizing: border-box;
31
- max-width: 100%;
32
- padding-left: $gAir;
33
- padding-right: $gAir
34
- }
35
-
36
- .col {
37
- flex-basis: 0;
38
- flex-grow: 1;
39
- }
40
-
41
- .col-auto {
42
- flex: 0 0 auto;
43
- width: auto;
44
- }
45
-
46
- .col-12 {
47
- flex-basis: 100%;
48
- }
49
-
50
- .col-11 {
51
- flex-basis: (100/12*11%);
52
- max-width: (100/12*11%);
53
- }
54
-
55
- .col-10 {
56
- flex-basis: (100/12*10%);
57
- max-width: (100/12*10%);
58
- }
59
-
60
- .col-9 {
61
- flex-basis: (100/12*9%);
62
- max-width: (100/12*9%);
63
- }
64
-
65
- .col-8 {
66
- flex-basis: (100/12*8%);
67
- max-width: (100/12*8%);
68
- }
69
-
70
- .col-7 {
71
- flex-basis: (100/12*7%);
72
- max-width: (100/12*7%);
73
- }
74
-
75
- .col-6 {
76
- flex-basis: 50%;
77
- max-width: 50%;
78
- }
79
-
80
- .col-5 {
81
- flex-basis: (100/12*5%);
82
- max-width: (100/12*5%);
83
- }
84
-
85
- .col-4 {
86
- flex-basis: (100/12*4%);
87
- max-width: (100/12*4%);
88
- }
89
-
90
- .col-3 {
91
- flex-basis: (100/12*3%);
92
- max-width: (100/12*3%);
93
- }
94
-
95
- .col-2 {
96
- flex-basis: (100/12*2%);
97
- max-width: (100/12*2%);
98
- }
99
-
100
- .col-1 {
101
- flex-basis: (100/12*1%);
102
- max-width: (100/12*1%);
103
- }
104
-
105
- .offset-11 {
106
- margin-left: (100/12*11%);
107
- }
108
-
109
- .offset-10 {
110
- margin-left: (100/12*10%);
111
- }
112
-
113
- .offset-9 {
114
- margin-left: (100/12*9%);
115
- }
116
-
117
- .offset-8 {
118
- margin-left: (100/12*8%);
119
- }
120
-
121
- .offset-7 {
122
- margin-left: (100/12*7%);
123
- }
124
-
125
- .offset-6 {
126
- margin-left: (100/12*6%);
127
- }
128
-
129
- .offset-5 {
130
- margin-left: (100/12*5%);
131
- }
132
-
133
- .offset-4 {
134
- margin-left: (100/12*4%);
135
- }
136
-
137
- .offset-3 {
138
- margin-left: (100/12*3%);
139
- }
140
-
141
- .offset-2 {
142
- margin-left: (100/12*2%);
143
- }
144
-
145
- .offset-1 {
146
- margin-left: (100/12*1%);
147
- }
148
-
149
- .order-first {
150
- order: -1;
151
- }
152
-
153
- .order-last {
154
- order: 9999;
155
- }
156
-
157
- //Bootstrap-grid-sm
158
- .container {
159
- max-width: 540px;
160
- }
161
-
162
- .row-sm {
163
- display: flex;
164
- flex-wrap: wrap;
165
- margin-right: -$gAir;
166
- margin-left: -$gAir;
167
-
168
- &.no-gutters {
169
- margin-right: 0;
170
- margin-left: 0;
171
-
172
- .col-sm, [class*="col-sm"] {
173
- padding-left: 0;
174
- padding-right: 0;
175
- }
176
- }
177
- }
178
-
179
- .col-sm, [class*="col-sm"] {
180
- box-sizing: border-box;
181
- max-width: 100%;
182
- }
183
-
184
- .col-sm {
185
- flex-basis: 0;
186
- flex-grow: 1;
187
- }
188
-
189
- .col-sm-auto {
190
- flex: 0 0 auto;
191
- width: auto;
192
- }
193
-
194
- .col-sm-12 {
195
- flex-basis: 100%;
196
- }
197
-
198
- .col-sm-11 {
199
- flex-basis: (100/12*11%);
200
- max-width: (100/12*11%);
201
- }
202
-
203
- .col-sm-10 {
204
- flex-basis: (100/12*10%);
205
- max-width: (100/12*10%);
206
- }
207
-
208
- .col-sm-9 {
209
- flex-basis: (100/12*9%);
210
- max-width: (100/12*9%);
211
- }
212
-
213
- .col-sm-8 {
214
- flex-basis: (100/12*8%);
215
- max-width: (100/12*8%);
216
- }
217
-
218
- .col-sm-7 {
219
- flex-basis: (100/12*7%);
220
- max-width: (100/12*7%);
221
- }
222
-
223
- .col-sm-6 {
224
- flex-basis: 50%;
225
- max-width: 50%;
226
- }
227
-
228
- .col-sm-5 {
229
- flex-basis: (100/12*5%);
230
- max-width: (100/12*5%);
231
- }
232
-
233
- .col-sm-4 {
234
- flex-basis: (100/12*4%);
235
- max-width: (100/12*4%);
236
- }
237
-
238
- .col-sm-3 {
239
- flex-basis: (100/12*3%);
240
- max-width: (100/12*3%);
241
- }
242
-
243
- .col-sm-2 {
244
- flex-basis: (100/12*2%);
245
- max-width: (100/12*2%);
246
- }
247
-
248
- .col-sm-1 {
249
- flex-basis: (100/12*1%);
250
- max-width: (100/12*1%);
251
- }
252
-
253
- .offset-sm-11 {
254
- margin-left: (100/12*11%);
255
- }
256
-
257
- .offset-sm-10 {
258
- margin-left: (100/12*10%);
259
- }
260
-
261
- .offset-sm-9 {
262
- margin-left: (100/12*9%);
263
- }
264
-
265
- .offset-sm-8 {
266
- margin-left: (100/12*8%);
267
- }
268
-
269
- .offset-sm-7 {
270
- margin-left: (100/12*7%);
271
- }
272
-
273
- .offset-sm-6 {
274
- margin-left: (100/12*6%);
275
- }
276
-
277
- .offset-sm-5 {
278
- margin-left: (100/12*5%);
279
- }
280
-
281
- .offset-sm-4 {
282
- margin-left: (100/12*4%);
283
- }
284
-
285
- .offset-sm-3 {
286
- margin-left: (100/12*3%);
287
- }
288
-
289
- .offset-sm-2 {
290
- margin-left: (100/12*2%);
291
- }
292
-
293
- .offset-sm-1 {
294
- margin-left: (100/12*1%);
295
- }
296
-
297
- .order-sm-first {
298
- order: -1;
299
- }
300
-
301
- .order-sm-last {
302
- order: 9999;
303
- }
304
-
305
- //Bootstrap-grid-md
306
- .container {
307
- max-width: 720px;
308
- }
309
-
310
- .row-md {
311
- display: flex;
312
- flex-wrap: wrap;
313
- margin-right: -$gAir;
314
- margin-left: -$gAir;
315
-
316
- &.no-gutters {
317
- margin-right: 0;
318
- margin-left: 0;
319
-
320
- .col-md, [class*="col-md"] {
321
- padding-left: 0;
322
- padding-right: 0;
323
- }
324
- }
325
- }
326
-
327
- .col-md, [class*="col-md"] {
328
- box-sizing: border-box;
329
- max-width: 100%;
330
- }
331
-
332
- .col-md {
333
- flex-basis: 0;
334
- flex-grow: 1;
335
- }
336
-
337
- .col-md-auto {
338
- flex: 0 0 auto;
339
- width: auto;
340
- }
341
-
342
- .col-md-12 {
343
- flex-basis: 100%;
344
- }
345
-
346
- .col-md-11 {
347
- flex-basis: (100/12*11%);
348
- max-width: (100/12*11%);
349
- }
350
-
351
- .col-md-10 {
352
- flex-basis: (100/12*10%);
353
- max-width: (100/12*10%);
354
- }
355
-
356
- .col-md-9 {
357
- flex-basis: (100/12*9%);
358
- max-width: (100/12*9%);
359
- }
360
-
361
- .col-md-8 {
362
- flex-basis: (100/12*8%);
363
- max-width: (100/12*8%);
364
- }
365
-
366
- .col-md-7 {
367
- flex-basis: (100/12*7%);
368
- max-width: (100/12*7%);
369
- }
370
-
371
- .col-md-6 {
372
- flex-basis: 50%;
373
- max-width: 50%;
374
- }
375
-
376
- .col-md-5 {
377
- flex-basis: (100/12*5%);
378
- max-width: (100/12*5%);
379
- }
380
-
381
- .col-md-4 {
382
- flex-basis: (100/12*4%);
383
- max-width: (100/12*4%);
384
- }
385
-
386
- .col-md-3 {
387
- flex-basis: (100/12*3%);
388
- max-width: (100/12*3%);
389
- }
390
-
391
- .col-md-2 {
392
- flex-basis: (100/12*2%);
393
- max-width: (100/12*2%);
394
- }
395
-
396
- .col-md-1 {
397
- flex-basis: (100/12*1%);
398
- max-width: (100/12*1%);
399
- }
400
-
401
- .offset-md-11 {
402
- margin-left: (100/12*11%);
403
- }
404
-
405
- .offset-md-10 {
406
- margin-left: (100/12*10%);
407
- }
408
-
409
- .offset-md-9 {
410
- margin-left: (100/12*9%);
411
- }
412
-
413
- .offset-md-8 {
414
- margin-left: (100/12*8%);
415
- }
416
-
417
- .offset-md-7 {
418
- margin-left: (100/12*7%);
419
- }
420
-
421
- .offset-md-6 {
422
- margin-left: (100/12*6%);
423
- }
424
-
425
- .offset-md-5 {
426
- margin-left: (100/12*5%);
427
- }
428
-
429
- .offset-md-4 {
430
- margin-left: (100/12*4%);
431
- }
432
-
433
- .offset-md-3 {
434
- margin-left: (100/12*3%);
435
- }
436
-
437
- .offset-md-2 {
438
- margin-left: (100/12*2%);
439
- }
440
-
441
- .offset-md-1 {
442
- margin-left: (100/12*1%);
443
- }
444
-
445
- .order-md-first {
446
- order: -1;
447
- }
448
-
449
- .order-md-last {
450
- order: 9999;
451
- }
452
-
453
- //Bootstrap-grid-lg
454
- .container {
455
- max-width: 960px;
456
- }
457
-
458
- .row-lg {
459
- display: flex;
460
- flex-wrap: wrap;
461
- margin-right: -$gAir;
462
- margin-left: -$gAir;
463
-
464
- &.no-gutters {
465
- margin-right: 0;
466
- margin-left: 0;
467
-
468
- .col-lg, [class*="col-lg"] {
469
- padding-left: 0;
470
- padding-right: 0;
471
- }
472
- }
473
- }
474
-
475
- .col-lg, [class*="col-lg"] {
476
- box-sizing: border-box;
477
- max-width: 100%;
478
- }
479
-
480
- .col-lg {
481
- flex-basis: 0;
482
- flex-grow: 1;
483
- }
484
-
485
- .col-lg-auto {
486
- flex: 0 0 auto;
487
- width: auto;
488
- }
489
-
490
- .col-lg-12 {
491
- flex-basis: 100%;
492
- }
493
-
494
- .col-lg-11 {
495
- flex-basis: (100/12*11%);
496
- max-width: (100/12*11%);
497
- }
498
-
499
- .col-lg-10 {
500
- flex-basis: (100/12*10%);
501
- max-width: (100/12*10%);
502
- }
503
-
504
- .col-lg-9 {
505
- flex-basis: (100/12*9%);
506
- max-width: (100/12*9%);
507
- }
508
-
509
- .col-lg-8 {
510
- flex-basis: (100/12*8%);
511
- max-width: (100/12*8%);
512
- }
513
-
514
- .col-lg-7 {
515
- flex-basis: (100/12*7%);
516
- max-width: (100/12*7%);
517
- }
518
-
519
- .col-lg-6 {
520
- flex-basis: 50%;
521
- max-width: 50%;
522
- }
523
-
524
- .col-lg-5 {
525
- flex-basis: (100/12*5%);
526
- max-width: (100/12*5%);
527
- }
528
-
529
- .col-lg-4 {
530
- flex-basis: (100/12*4%);
531
- max-width: (100/12*4%);
532
- }
533
-
534
- .col-lg-3 {
535
- flex-basis: (100/12*3%);
536
- max-width: (100/12*3%);
537
- }
538
-
539
- .col-lg-2 {
540
- flex-basis: (100/12*2%);
541
- max-width: (100/12*2%);
542
- }
543
-
544
- .col-lg-1 {
545
- flex-basis: (100/12*1%);
546
- max-width: (100/12*1%);
547
- }
548
-
549
- .offset-lg-11 {
550
- margin-left: (100/12*11%);
551
- }
552
-
553
- .offset-lg-10 {
554
- margin-left: (100/12*10%);
555
- }
556
-
557
- .offset-lg-9 {
558
- margin-left: (100/12*9%);
559
- }
560
-
561
- .offset-lg-8 {
562
- margin-left: (100/12*8%);
563
- }
564
-
565
- .offset-lg-7 {
566
- margin-left: (100/12*7%);
567
- }
568
-
569
- .offset-lg-6 {
570
- margin-left: (100/12*6%);
571
- }
572
-
573
- .offset-lg-5 {
574
- margin-left: (100/12*5%);
575
- }
576
-
577
- .offset-lg-4 {
578
- margin-left: (100/12*4%);
579
- }
580
-
581
- .offset-lg-3 {
582
- margin-left: (100/12*3%);
583
- }
584
-
585
- .offset-lg-2 {
586
- margin-left: (100/12*2%);
587
- }
588
-
589
- .offset-lg-1 {
590
- margin-left: (100/12*1%);
591
- }
592
-
593
- .order-lg-first {
594
- order: -1;
595
- }
596
-
597
- .order-lg-last {
598
- order: 9999;
599
- }
600
-
601
- //Bootstrap-grid-xl
602
- .container {
603
- max-width: 1220px;
604
- }
605
-
606
- .row-xl {
607
- display: flex;
608
- flex-wrap: wrap;
609
- margin-right: -$gAir;
610
- margin-left: -$gAir;
611
-
612
- &.no-gutters {
613
- margin-right: 0;
614
- margin-left: 0;
615
-
616
- .col-xl, [class*="col-xl"] {
617
- padding-left: 0;
618
- padding-right: 0;
619
- }
620
- }
621
- }
622
-
623
- .col-xl, [class*="col-xl"] {
624
- box-sizing: border-box;
625
- max-width: 100%;
626
- }
627
-
628
- .col-xl {
629
- flex-basis: 0;
630
- flex-grow: 1;
631
- }
632
-
633
- .col-xl-auto {
634
- flex: 0 0 auto;
635
- width: auto;
636
- }
637
-
638
- .col-xl-12 {
639
- flex-basis: 100%;
640
- }
641
-
642
- .col-xl-11 {
643
- flex-basis: (100/12*11%);
644
- max-width: (100/12*11%);
645
- }
646
-
647
- .col-xl-10 {
648
- flex-basis: (100/12*10%);
649
- max-width: (100/12*10%);
650
- }
651
-
652
- .col-xl-9 {
653
- flex-basis: (100/12*9%);
654
- max-width: (100/12*9%);
655
- }
656
-
657
- .col-xl-8 {
658
- flex-basis: (100/12*8%);
659
- max-width: (100/12*8%);
660
- }
661
-
662
- .col-xl-7 {
663
- flex-basis: (100/12*7%);
664
- max-width: (100/12*7%);
665
- }
666
-
667
- .col-xl-6 {
668
- flex-basis: 50%;
669
- max-width: 50%;
670
- }
671
-
672
- .col-xl-5 {
673
- flex-basis: (100/12*5%);
674
- max-width: (100/12*5%);
675
- }
676
-
677
- .col-xl-4 {
678
- flex-basis: (100/12*4%);
679
- max-width: (100/12*4%);
680
- }
681
-
682
- .col-xl-3 {
683
- flex-basis: (100/12*3%);
684
- max-width: (100/12*3%);
685
- }
686
-
687
- .col-xl-2 {
688
- flex-basis: (100/12*2%);
689
- max-width: (100/12*2%);
690
- }
691
-
692
- .col-xl-1 {
693
- flex-basis: (100/12*1%);
694
- max-width: (100/12*1%);
695
- }
696
-
697
- .offset-xl-11 {
698
- margin-left: (100/12*11%);
699
- }
700
-
701
- .offset-xl-10 {
702
- margin-left: (100/12*10%);
703
- }
704
-
705
- .offset-xl-9 {
706
- margin-left: (100/12*9%);
707
- }
708
-
709
- .offset-xl-8 {
710
- margin-left: (100/12*8%);
711
- }
712
-
713
- .offset-xl-7 {
714
- margin-left: (100/12*7%);
715
- }
716
-
717
- .offset-xl-6 {
718
- margin-left: (100/12*6%);
719
- }
720
-
721
- .offset-xl-5 {
722
- margin-left: (100/12*5%);
723
- }
724
-
725
- .offset-xl-4 {
726
- margin-left: (100/12*4%);
727
- }
728
-
729
- .offset-xl-3 {
730
- margin-left: (100/12*3%);
731
- }
732
-
733
- .offset-xl-2 {
734
- margin-left: (100/12*2%);
735
- }
736
-
737
- .offset-xl-1 {
738
- margin-left: (100/12*1%);
739
- }
740
-
741
- .order-xl-first {
742
- order: -1;
743
- }
744
-
745
- .order-xl-last {
746
- order: 9999;
747
- }
748
-