@newlogic-digital/ui 3.4.2 → 3.7.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (180) hide show
  1. package/README.md +21 -15
  2. package/package.json +32 -24
  3. package/src/data/main.json +25 -15
  4. package/src/emails/styles/main/+.css +3 -0
  5. package/src/emails/styles/main/Base/+.css +2 -0
  6. package/src/emails/styles/main/Base/config.css +22 -0
  7. package/src/emails/styles/main/Components/+.css +1 -0
  8. package/src/emails/styles/main/Components/Card.css +12 -0
  9. package/src/emails/styles/main/Ui/+.css +3 -0
  10. package/src/emails/styles/main/Ui/Btn.css +78 -0
  11. package/src/emails/styles/main/Ui/Heading.css +8 -0
  12. package/src/emails/styles/main/Ui/Text.css +12 -0
  13. package/src/emails/styles/main.css +92 -0
  14. package/src/emails/{templates/Layout.twig → templates.test/Layout.latte} +17 -5
  15. package/src/emails/templates.test/Sections/Footer.latte +22 -0
  16. package/src/emails/templates.test/Sections/Header.latte +37 -0
  17. package/src/emails/templates.test/Sections/Text.latte +24 -0
  18. package/src/icons.svg +27 -21
  19. package/src/scripts/Components/+.js +2 -1
  20. package/src/scripts/Components/Drawer.js +60 -0
  21. package/src/scripts/Components/Popover.js +65 -0
  22. package/src/scripts/Layout/+.js +0 -1
  23. package/src/scripts/Layout/Header.js +14 -24
  24. package/src/scripts/Libraries/+.js +4 -8
  25. package/src/scripts/Libraries/CookieConsent.js +65 -52
  26. package/src/scripts/Libraries/Dialog.js +19 -36
  27. package/src/scripts/Libraries/Form.js +5 -25
  28. package/src/scripts/Libraries/Naja.js +22 -20
  29. package/src/scripts/Libraries/ReCaptcha.js +8 -30
  30. package/src/scripts/Libraries/Reveal.js +32 -0
  31. package/src/scripts/Libraries/Ripple.js +6 -22
  32. package/src/scripts/Libraries/Stimulus.js +49 -5
  33. package/src/scripts/Libraries/Swup.js +45 -32
  34. package/src/scripts/Libraries/Toaster.js +55 -0
  35. package/src/scripts/Ui/+.js +3 -3
  36. package/src/scripts/Ui/Check.js +8 -0
  37. package/src/scripts/Ui/Control.js +194 -0
  38. package/src/scripts/Ui/ControlSelect.js +25 -0
  39. package/src/scripts/Ui/Text.js +9 -11
  40. package/src/scripts/Utils/+.js +3 -3
  41. package/src/scripts/Utils/cdn.js +1 -3
  42. package/src/scripts/Utils/initAfter.js +11 -0
  43. package/src/scripts/Utils/naja.js +41 -0
  44. package/src/scripts/Utils/utilities.js +8 -0
  45. package/src/scripts/main.js +2 -1
  46. package/src/styles/Components/+.css +4 -3
  47. package/src/styles/Components/Dialog/+.css +2 -0
  48. package/src/styles/Components/Dialog/Content.css +2 -0
  49. package/src/styles/Components/Dialog/CookieConsent.css +17 -0
  50. package/src/styles/Components/Dialog/Default.css +2 -43
  51. package/src/styles/Components/Drawer.css +18 -0
  52. package/src/styles/Components/Field.css +1 -0
  53. package/src/styles/Components/Popover.css +1 -0
  54. package/src/styles/Components/Toaster.css +2 -0
  55. package/src/styles/Layout/Header.css +9 -45
  56. package/src/styles/Layout/Main.css +11 -75
  57. package/src/styles/Layout/Nav.css +13 -33
  58. package/src/styles/Libraries/+.css +1 -7
  59. package/src/styles/Libraries/Datepicker.css +38 -229
  60. package/src/styles/Libraries/Pickr.css +13 -0
  61. package/src/styles/Ui/+.css +5 -5
  62. package/src/styles/Ui/Badge.css +8 -82
  63. package/src/styles/Ui/Btn.css +14 -226
  64. package/src/styles/Ui/Check.css +1 -0
  65. package/src/styles/Ui/Control.css +57 -0
  66. package/src/styles/Ui/ControlSelect.css +57 -0
  67. package/src/styles/Ui/Group.css +1 -0
  68. package/src/styles/Ui/Heading.css +4 -22
  69. package/src/styles/Ui/Image.css +1 -17
  70. package/src/styles/Ui/Info.css +1 -0
  71. package/src/styles/Ui/Label.css +1 -14
  72. package/src/styles/Ui/Link.css +6 -39
  73. package/src/styles/Ui/Notice.css +5 -43
  74. package/src/styles/Ui/Progress.css +1 -56
  75. package/src/styles/Ui/Switch.css +1 -70
  76. package/src/styles/Ui/Text.css +1 -254
  77. package/src/styles/Ui/Title.css +4 -15
  78. package/src/styles/Utils/+.css +6 -10
  79. package/src/styles/Utils/breakpoints.css +1 -9
  80. package/src/styles/Utils/config.css +16 -0
  81. package/src/styles/Utils/default.css +15 -26
  82. package/src/styles/Utils/keyframes.css +1 -182
  83. package/src/styles/Utils/theme/+.css +1 -1
  84. package/src/styles/Utils/theme/main.css +28 -23
  85. package/src/styles/Utils/utilities.css +42 -0
  86. package/src/styles/main.css +16 -14
  87. package/src/styles/tinymce.css +34 -0
  88. package/src/templates/Components/Dialog/Basic.latte +24 -0
  89. package/src/templates/Components/Dialog/CookieConsent.latte +27 -0
  90. package/src/templates/Components/Form/CookieConsent.latte +47 -0
  91. package/src/templates/Layout/Header.latte +38 -0
  92. package/src/templates/Layout/Main.latte +73 -0
  93. package/src/templates/Sections/CookieConsent.latte +69 -0
  94. package/src/templates/Sections/Site.latte +213 -0
  95. package/src/templates/Sections/Text.latte +64 -0
  96. package/src/templates/Sections/Ui/Docs/@intro.html +16 -65
  97. package/src/templates/Sections/Ui/Docs/@nav.html +68 -129
  98. package/src/templates/Sections/Ui/Docs/@styles.html +3 -7
  99. package/src/templates/Sections/Ui/Docs/Default.latte +979 -0
  100. package/src/templates/Sections/Ui/Icons.html +11 -9
  101. package/src/templates/Sections/Ui/Intro.html +62 -79
  102. package/src/templates/Sections/Ui.latte +8 -0
  103. package/src/templates/Ui/+.latte +5 -0
  104. package/src/templates/Ui/Check.latte +7 -0
  105. package/src/templates/Ui/Control.latte +9 -0
  106. package/src/templates/Ui/ControlDate.latte +14 -0
  107. package/src/templates/Ui/ControlSelect.latte +9 -0
  108. package/src/templates/Ui/ControlTime.latte +14 -0
  109. package/src/templates/Utils/sections.latte +3 -0
  110. package/src/views/dialog/basic.json.latte +5 -0
  111. package/src/views/email/email.latte +6 -0
  112. package/src/views/email/email.test.latte +6 -0
  113. package/src/views/gdpr.json +6 -4
  114. package/src/views/index.json +1 -1
  115. package/src/views/popover/info.json.latte +15 -0
  116. package/src/views/site.json +11 -0
  117. package/src/views/ui-icons.json +1 -1
  118. package/src/views/ui.json +1 -1
  119. package/vite.config.js +17 -16
  120. package/src/emails/styles/email.css +0 -77
  121. package/src/emails/templates/Content.twig +0 -16
  122. package/src/emails/templates/Header.twig +0 -14
  123. package/src/scripts/Components/CookieConsent.js +0 -83
  124. package/src/scripts/Layout/Main.js +0 -47
  125. package/src/scripts/Libraries/Anchor.js +0 -35
  126. package/src/scripts/Libraries/Drawer.js +0 -45
  127. package/src/scripts/Libraries/NativeSlider.js +0 -138
  128. package/src/scripts/Libraries/Script.js +0 -19
  129. package/src/scripts/Libraries/Tabs.js +0 -16
  130. package/src/scripts/Libraries/Tippy.js +0 -120
  131. package/src/scripts/Ui/Checkbox.js +0 -10
  132. package/src/scripts/Ui/Input.js +0 -259
  133. package/src/scripts/Ui/Select.js +0 -53
  134. package/src/scripts/Utils/Functions/+.js +0 -6
  135. package/src/scripts/Utils/Functions/checkValidity.js +0 -44
  136. package/src/scripts/Utils/Functions/dataValue.js +0 -52
  137. package/src/scripts/Utils/Functions/importScript.js +0 -17
  138. package/src/scripts/Utils/Functions/importStyle.js +0 -18
  139. package/src/scripts/Utils/Functions/loadStimulus.js +0 -42
  140. package/src/scripts/Utils/Functions/replaceTag.js +0 -12
  141. package/src/scripts/Utils/global.js +0 -15
  142. package/src/styles/Components/CookieConsent.css +0 -71
  143. package/src/styles/Components/Dropdown/+.css +0 -1
  144. package/src/styles/Components/Dropdown/Default.css +0 -5
  145. package/src/styles/Components/Form/+.css +0 -1
  146. package/src/styles/Components/Form/CookieConsent.css +0 -31
  147. package/src/styles/Libraries/Dialog.css +0 -35
  148. package/src/styles/Libraries/Drawer.css +0 -70
  149. package/src/styles/Libraries/Hint.css +0 -201
  150. package/src/styles/Libraries/NativeSlider.css +0 -60
  151. package/src/styles/Libraries/Ripple.css +0 -16
  152. package/src/styles/Libraries/Tabs.css +0 -19
  153. package/src/styles/Libraries/Tippy.css +0 -87
  154. package/src/styles/Ui/Checkbox.css +0 -150
  155. package/src/styles/Ui/Icon.css +0 -33
  156. package/src/styles/Ui/Input.css +0 -467
  157. package/src/styles/Ui/Radio.css +0 -4
  158. package/src/styles/Ui/Select.css +0 -137
  159. package/src/styles/Utils/icons.css +0 -9
  160. package/src/styles/Utils/normalize.css +0 -223
  161. package/src/styles/Utils/tailwind/+.css +0 -3
  162. package/src/styles/Utils/tailwind/base.css +0 -3
  163. package/src/styles/Utils/tailwind/gutters.css +0 -346
  164. package/src/styles/Utils/tailwind/utilities.css +0 -48
  165. package/src/styles/Utils/vars.css +0 -91
  166. package/src/styles/Utils/vendor.css +0 -2
  167. package/src/templates/Components/CookieConsent.twig +0 -30
  168. package/src/templates/Components/Dialogs/Basic.twig +0 -22
  169. package/src/templates/Layout/Header.twig +0 -42
  170. package/src/templates/Layout/Main.twig +0 -49
  171. package/src/templates/Sections/Gdpr.twig +0 -64
  172. package/src/templates/Sections/Ui/Docs/Default.twig +0 -1600
  173. package/src/templates/Sections/Ui.twig +0 -8
  174. package/src/templates/Utils/sections.twig +0 -3
  175. package/src/views/dialog/basic.json.twig +0 -3
  176. package/src/views/dropdown/tippy.json.twig +0 -16
  177. package/src/views/email/email.twig +0 -6
  178. /package/src/{styles/Utils/print.css → emails/styles/main/Base/font.css} +0 -0
  179. /package/src/{templates/Components/Items → emails/templates}/.gitkeep +0 -0
  180. /package/src/templates/Layout/{Footer.twig → Footer.latte} +0 -0
@@ -1,223 +0,0 @@
1
- /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
2
-
3
- /**
4
- 1. Correct the line height in all browsers.
5
- 2. Prevent adjustments of font size after orientation changes in iOS.
6
- 3. Use a more readable tab size (opinionated).
7
- */
8
-
9
- html {
10
- -webkit-text-size-adjust: 100%; /* 2 */
11
- tab-size: 4; /* 3 */
12
- }
13
-
14
- /*
15
- Sections
16
- ========
17
- */
18
-
19
- /**
20
- 1. Remove the margin in all browsers.
21
- */
22
-
23
- body {
24
- margin: 0; /* 1 */
25
- }
26
-
27
- /*
28
- Text-level semantics
29
- ====================
30
- */
31
-
32
- /**
33
- Add the correct text decoration in Chrome, Edge, and Safari.
34
- */
35
-
36
- abbr[title] {
37
- text-decoration: underline dotted;
38
- }
39
-
40
- /**
41
- Add the correct font weight in Edge and Safari.
42
- */
43
-
44
- b,
45
- strong {
46
- font-weight: var(--font-bold);
47
- }
48
-
49
- /**
50
- 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
51
- 2. Correct the odd 'em' font sizing in all browsers.
52
- */
53
-
54
- code,
55
- kbd,
56
- samp,
57
- pre {
58
- font-family:
59
- ui-monospace,
60
- SFMono-Regular,
61
- Consolas,
62
- 'Liberation Mono',
63
- Menlo,
64
- monospace; /* 1 */
65
- font-size: 1em; /* 2 */
66
- }
67
-
68
- /**
69
- Add the correct font size in all browsers.
70
- */
71
-
72
- small {
73
- font-size: 80%;
74
- }
75
-
76
- /**
77
- Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
78
- */
79
-
80
- sub,
81
- sup {
82
- font-size: 75%;
83
- line-height: 0;
84
- position: relative;
85
- vertical-align: baseline;
86
- }
87
-
88
- sub {
89
- bottom: -0.25em;
90
- }
91
-
92
- sup {
93
- top: -0.5em;
94
- }
95
-
96
- /*
97
- Tabular data
98
- ============
99
- */
100
-
101
- /**
102
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
103
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
104
- */
105
-
106
- table {
107
- text-indent: 0; /* 1 */
108
- border-color: inherit; /* 2 */
109
- }
110
-
111
- /*
112
- Forms
113
- =====
114
- */
115
-
116
- /**
117
- 1. Change the font styles in all browsers.
118
- 2. Remove the margin in Firefox and Safari.
119
- */
120
-
121
- button,
122
- input,
123
- optgroup,
124
- select,
125
- textarea {
126
- font-family: inherit; /* 1 */
127
- font-size: 100%; /* 1 */
128
- line-height: 1.15; /* 1 */
129
- margin: 0; /* 2 */
130
- }
131
-
132
- /**
133
- Remove the inheritance of text transform in Edge and Firefox.
134
- */
135
-
136
- button,
137
- select {
138
- text-transform: none;
139
- }
140
-
141
- /**
142
- Remove the inner border and padding in Firefox.
143
- */
144
-
145
- ::-moz-focus-inner {
146
- border-style: none;
147
- padding: 0;
148
- }
149
-
150
- /**
151
- Remove the additional ':invalid' styles in Firefox.
152
- See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
153
- */
154
-
155
- :-moz-ui-invalid {
156
- box-shadow: none;
157
- }
158
-
159
- /**
160
- Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
161
- */
162
-
163
- legend {
164
- padding: 0;
165
- }
166
-
167
- /**
168
- Add the correct vertical alignment in Chrome and Firefox.
169
- */
170
-
171
- progress {
172
- vertical-align: baseline;
173
- }
174
-
175
- /**
176
- Correct the cursor style of increment and decrement buttons in Safari.
177
- */
178
-
179
- ::-webkit-inner-spin-button,
180
- ::-webkit-outer-spin-button {
181
- height: auto;
182
- }
183
-
184
- /**
185
- 1. Correct the odd appearance in Chrome and Safari.
186
- 2. Correct the outline style in Safari.
187
- */
188
-
189
- [type='search'] {
190
- -webkit-appearance: textfield; /* 1 */
191
- outline-offset: -2px; /* 2 */
192
- }
193
-
194
- /**
195
- Remove the inner padding in Chrome and Safari on macOS.
196
- */
197
-
198
- ::-webkit-search-decoration {
199
- -webkit-appearance: none;
200
- }
201
-
202
- /**
203
- 1. Correct the inability to style clickable types in iOS and Safari.
204
- 2. Change font properties to 'inherit' in Safari.
205
- */
206
-
207
- ::-webkit-file-upload-button {
208
- -webkit-appearance: button; /* 1 */
209
- font: inherit; /* 2 */
210
- }
211
-
212
- /*
213
- Interactive
214
- ===========
215
- */
216
-
217
- /*
218
- Add the correct display in Chrome and Safari.
219
- */
220
-
221
- summary {
222
- display: list-item;
223
- }
@@ -1,3 +0,0 @@
1
- @import "base.css";
2
- @import "gutters.css";
3
- @import "utilities.css";
@@ -1,3 +0,0 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
@@ -1,346 +0,0 @@
1
- @layer utilities {
2
- .row {
3
- --gx: 0rem;
4
- --gy: 0rem;
5
-
6
- display: flex;
7
- margin: calc(var(--gy) / -2) calc(var(--gx) / -2) calc(var(--gy) / -2) calc(var(--gx) / -2);
8
-
9
- & > * {
10
- padding: calc(var(--gy) / 2) calc(var(--gx) / 2) calc(var(--gy) / 2) calc(var(--gx) / 2);
11
- }
12
- }
13
-
14
- .row-y {
15
- --gy: 0rem;
16
-
17
- display: flex;
18
- margin-top: calc(var(--gy) / -2);
19
- margin-bottom: calc(var(--gy) / -2);
20
-
21
- & > * {
22
- padding-top: calc(var(--gy) / 2);
23
- padding-bottom: calc(var(--gy) / 2);
24
- }
25
- }
26
-
27
- .row-x {
28
- --gx: 0rem;
29
-
30
- display: flex;
31
- margin-left: calc(var(--gx) / -2);
32
- margin-right: calc(var(--gx) / -2);
33
-
34
- & > * {
35
- padding-left: calc(var(--gx) / 2);
36
- padding-right: calc(var(--gx) / 2);
37
- }
38
- }
39
-
40
- .col {
41
- display: flex;
42
-
43
- &:not([class*="flex-row"]) {
44
- flex-direction: column;
45
- }
46
- }
47
-
48
- .g-0 {
49
- --gx: 0rem;
50
- --gy: 0rem;
51
- }
52
-
53
- .g-1 {
54
- --gx: 0.25rem;
55
- --gy: 0.25rem;
56
- }
57
-
58
- .g-2 {
59
- --gx: 0.5rem;
60
- --gy: 0.5rem;
61
- }
62
-
63
- .g-3 {
64
- --gx: 0.75rem;
65
- --gy: 0.75rem;
66
- }
67
-
68
- .g-4 {
69
- --gx: 1rem;
70
- --gy: 1rem;
71
- }
72
-
73
- .g-5 {
74
- --gx: 1.25rem;
75
- --gy: 1.25rem;
76
- }
77
-
78
- .g-6 {
79
- --gx: 1.5rem;
80
- --gy: 1.5rem;
81
- }
82
-
83
- .g-7 {
84
- --gx: 1.75rem;
85
- --gy: 1.75rem;
86
- }
87
-
88
- .g-8 {
89
- --gx: 2rem;
90
- --gy: 2rem;
91
- }
92
-
93
- .g-9 {
94
- --gx: 2.25rem;
95
- --gy: 2.25rem;
96
- }
97
-
98
- .g-10 {
99
- --gx: 2.5rem;
100
- --gy: 2.5rem;
101
- }
102
-
103
- .g-11 {
104
- --gx: 2.75rem;
105
- --gy: 2.75rem;
106
- }
107
-
108
- .g-12 {
109
- --gx: 3rem;
110
- --gy: 3rem;
111
- }
112
-
113
- .g-14 {
114
- --gx: 3.5rem;
115
- --gy: 3.5rem;
116
- }
117
-
118
- .g-16 {
119
- --gx: 4rem;
120
- --gy: 4rem;
121
- }
122
-
123
- .g-20 {
124
- --gx: 5rem;
125
- --gy: 5rem;
126
- }
127
-
128
- .g-24 {
129
- --gx: 6rem;
130
- --gy: 6rem;
131
- }
132
-
133
- .g-28 {
134
- --gx: 7rem;
135
- --gy: 7rem;
136
- }
137
-
138
- .g-32 {
139
- --gx: 8rem;
140
- --gy: 8rem;
141
- }
142
-
143
- .gx-0 {
144
- --gx: 0;
145
- }
146
-
147
- .gx-1 {
148
- --gx: 0.25rem;
149
- }
150
-
151
- .gx-2 {
152
- --gx: 0.5rem;
153
- }
154
-
155
- .gx-3 {
156
- --gx: 0.75rem;
157
- }
158
-
159
- .gx-4 {
160
- --gx: 1rem;
161
- }
162
-
163
- .gx-5 {
164
- --gx: 1.25rem;
165
- }
166
-
167
- .gx-6 {
168
- --gx: 1.5rem;
169
- }
170
-
171
- .gx-7 {
172
- --gx: 1.75rem;
173
- }
174
-
175
- .gx-8 {
176
- --gx: 2rem;
177
- }
178
-
179
- .gx-9 {
180
- --gx: 2.25rem;
181
- }
182
-
183
- .gx-10 {
184
- --gx: 2.5rem;
185
- }
186
-
187
- .gx-11 {
188
- --gx: 2.75rem;
189
- }
190
-
191
- .gx-12 {
192
- --gx: 3rem;
193
- }
194
-
195
- .gx-14 {
196
- --gx: 3.5rem;
197
- }
198
-
199
- .gx-16 {
200
- --gx: 4rem;
201
- }
202
-
203
- .gx-20 {
204
- --gx: 5rem;
205
- }
206
-
207
- .gx-24 {
208
- --gx: 6rem;
209
- }
210
-
211
- .gx-28 {
212
- --gx: 7rem;
213
- }
214
-
215
- .gx-32 {
216
- --gx: 8rem;
217
- }
218
-
219
- .gy-0 {
220
- --gy: 0;
221
- }
222
-
223
- .gy-1 {
224
- --gy: 0.25rem;
225
- }
226
-
227
- .gy-2 {
228
- --gy: 0.5rem;
229
- }
230
-
231
- .gy-3 {
232
- --gy: 0.75rem;
233
- }
234
-
235
- .gy-4 {
236
- --gy: 1rem;
237
- }
238
-
239
- .gy-5 {
240
- --gy: 1.25rem;
241
- }
242
-
243
- .gy-6 {
244
- --gy: 1.5rem;
245
- }
246
-
247
- .gy-7 {
248
- --gy: 1.75rem;
249
- }
250
-
251
- .gy-8 {
252
- --gy: 2rem;
253
- }
254
-
255
- .gy-9 {
256
- --gy: 2.25rem;
257
- }
258
-
259
- .gy-10 {
260
- --gy: 2.5rem;
261
- }
262
-
263
- .gy-11 {
264
- --gy: 2.75rem;
265
- }
266
-
267
- .gy-12 {
268
- --gy: 3rem;
269
- }
270
-
271
- .gy-14 {
272
- --gy: 3.5rem;
273
- }
274
-
275
- .gy-16 {
276
- --gy: 4rem;
277
- }
278
-
279
- .gy-20 {
280
- --gy: 5rem;
281
- }
282
-
283
- .gy-24 {
284
- --gy: 6rem;
285
- }
286
-
287
- .gy-28 {
288
- --gy: 7rem;
289
- }
290
-
291
- .gy-32 {
292
- --gy: 8rem;
293
- }
294
-
295
- .col-auto {
296
- width: auto;
297
- }
298
-
299
- .col-1 {
300
- width: 8.3333%;
301
- }
302
-
303
- .col-2 {
304
- width: 16.6667%;
305
- }
306
-
307
- .col-3 {
308
- width: 25%;
309
- }
310
-
311
- .col-4 {
312
- width: 33.3333%;
313
- }
314
-
315
- .col-5 {
316
- width: 41.6667%;
317
- }
318
-
319
- .col-6 {
320
- width: 50%;
321
- }
322
-
323
- .col-7 {
324
- width: 58.3333%;
325
- }
326
-
327
- .col-8 {
328
- width: 66.6667%;
329
- }
330
-
331
- .col-9 {
332
- width: 75%;
333
- }
334
-
335
- .col-10 {
336
- width: 83.3333%;
337
- }
338
-
339
- .col-11 {
340
- width: 91.6667%;
341
- }
342
-
343
- .col-12 {
344
- width: 100%;
345
- }
346
- }
@@ -1,48 +0,0 @@
1
- @layer utilities {
2
- .current {
3
- background-color: currentColor;
4
- color: currentColor;
5
- }
6
-
7
- .animation {
8
- animation-duration: 0.5s;
9
- animation-fill-mode: both;
10
- }
11
-
12
- .container {
13
- margin-left: auto;
14
- margin-right: auto;
15
- max-width: var(--container-width);
16
- padding-left: var(--container-padding);
17
- padding-right: var(--container-padding);
18
-
19
- &:--size-sm {
20
- --container: var(--container-width-sm);
21
- }
22
- }
23
-
24
- .slider {
25
- margin-left: calc(var(--container-padding-calc) * -1);
26
- margin-right: calc(var(--container-padding-calc) * -1);
27
- padding-left: var(--container-padding-calc);
28
- scroll-padding-left: var(--container-padding-calc);
29
- scroll-padding-right: var(--container-padding-calc);
30
- overflow-x: auto;
31
- overflow-y: hidden;
32
- -webkit-overflow-scrolling: touch;
33
- user-select: none;
34
- scrollbar-width: none !important;
35
- -ms-overflow-style: none;
36
- display: flex;
37
-
38
- & > * {
39
- flex: 0 0 auto;
40
- scroll-snap-align: start;
41
-
42
- &:last-child {
43
- box-sizing: content-box;
44
- border-right: var(--container-padding-calc) solid transparent;
45
- }
46
- }
47
- }
48
- }
@@ -1,91 +0,0 @@
1
- :root {
2
- --font-primary: "Poppins", sans-serif;
3
- --font-secondary: "Poppins", sans-serif;
4
- --color-google: 219, 68, 55;
5
- --color-linkedin: 40, 103, 178;
6
- --color-youtube: 255, 0, 0;
7
- --color-instagram: 193, 53, 132;
8
- --color-twitter: 29, 161, 242;
9
- --color-facebook: 24, 119, 242;
10
- --color-apple: 0 0 0;
11
- --radius: 0.5rem;
12
- --container-width: 75rem;
13
- --container-width-sm: 50rem;
14
- --container-padding: 5vw;
15
- --container-padding-calc: max(calc(50vw - (var(--container-width) / 2) + var(--container-padding)), var(--container-padding));
16
- --font-bold: 700;
17
- --font-semibold: 600;
18
- --font-medium: 500;
19
- --font-normal: 400;
20
- --font-light: 300;
21
- --font-thin: 200;
22
- --z-10: 10;
23
- --z-20: 20;
24
- --z-30: 30;
25
- --z-40: 40;
26
- --z-50: 50;
27
- --rounded: 0.75rem;
28
- --rounded-xs: 0.5rem;
29
- --rounded-sm: 0.875rem;
30
- --rounded-base: 1rem;
31
- --rounded-md: 1.125rem;
32
- --rounded-lg: 1.5rem;
33
- --rounded-xl: 3rem;
34
- --rounded-2xl: 6rem;
35
- --rounded-3xl: 8rem;
36
- --rounded-full: 9999px;
37
- --spacing-xs: 0.5rem;
38
- --spacing-sm: 0.875rem;
39
- --spacing-base: 1rem;
40
- --spacing-md: 1.125rem;
41
- --spacing-lg: 1.5rem;
42
- --spacing-xl: 3rem;
43
- --spacing-2xl: 6rem;
44
- --spacing-3xl: 8rem;
45
- --spacing-section: 3rem;
46
- --transition: 0.15s;
47
- --transition-color: color var(--transition) ease;
48
- --transition-background: background var(--transition) ease;
49
- --transition-opacity: opacity var(--transition) ease;
50
- --transition-transform: transform var(--transition) ease;
51
- --transition-border: border-color var(--transition) ease;
52
- --transition-shadow: box-shadow var(--transition) ease;
53
-
54
- @media (--media-t) {
55
- --container-padding: 3rem;
56
- }
57
- }
58
-
59
- /* @custom-selector --theme */
60
- @custom-selector :--theme-dark [data-theme~="dark"];
61
- @custom-selector :--theme-light [data-theme~="light"];
62
-
63
- /* @custom-selector --size */
64
- @custom-selector :--size [data-size];
65
- @custom-selector :--size-base [data-size~="base"];
66
- @custom-selector :--size-xl [data-size~="xl"];
67
- @custom-selector :--size-lg [data-size~="lg"];
68
- @custom-selector :--size-md [data-size~="md"];
69
- @custom-selector :--size-sm [data-size~="sm"];
70
- @custom-selector :--size-xs [data-size~="xs"];
71
-
72
- /* @custom-selector --state */
73
- @custom-selector :--state-active [data-state~="active"];
74
- @custom-selector :--state-focus [data-state~="focus"];
75
- @custom-selector :--state-loading [data-state~="loading"];
76
- @custom-selector :--state-valid [data-state~="valid"];
77
- @custom-selector :--state-invalid [data-state~="invalid"];
78
- @custom-selector :--state-placeholder [data-state~="placeholder"];
79
- @custom-selector :--state-hiding [data-state~="hiding"];
80
-
81
- /* @custom-selector --type */
82
- @custom-selector :--type-square [data-type~="square"];
83
- @custom-selector :--type-square-m [data-type~="m:square"];
84
- @custom-selector :--type-circle [data-type~="circle"];
85
- @custom-selector :--type-circle-m [data-type~="m:circle"];
86
- @custom-selector :--type-outline [data-type~="outline"];
87
- @custom-selector :--type-number [data-type~="number"];
88
- @custom-selector :--type-color [data-type~="color"];
89
- @custom-selector :--type-file [data-type~="file"];
90
- @custom-selector :--type-scrollable [data-type~="scrollable"];
91
- @custom-selector :--type-center [data-type~="center"];
@@ -1,2 +0,0 @@
1
- @import "winduum/src/base/reset.css";
2
- @import "winduum/src/base/breakpoints.css";