@nulllogic/scssleon 1.0.38 → 1.1.0

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 (36) hide show
  1. package/README.md +247 -40
  2. package/package.json +6 -13
  3. package/scss/_base.scss +22 -3
  4. package/scss/_config.scss +11 -37
  5. package/scss/_content.scss +14 -6
  6. package/scss/_functions.scss +4 -4
  7. package/scss/_mixins.scss +0 -15
  8. package/scss/_reset.scss +26 -6
  9. package/scss/_root.scss +8 -12
  10. package/scss/components/_container.scss +19 -17
  11. package/scss/components/_dropdown.scss +7 -1
  12. package/scss/components/_form.scss +3 -44
  13. package/scss/components/_megamenu.scss +15 -0
  14. package/scss/components/_placeholder.scss +1 -20
  15. package/scss/components/_tooltip.scss +15 -0
  16. package/scss/forms/_checkbox.scss +1 -1
  17. package/scss/mixins/generators/_components.scss +31 -16
  18. package/scss/mixins/generators/_properties.scss +164 -44
  19. package/scss/scssleon.scss +36 -37
  20. package/scss/themes/_default.scss +1368 -303
  21. package/scss/_utilities.scss +0 -356
  22. package/scss/animations/_placeholder.scss +0 -12
  23. package/scss/helpers/_clearfix.scss +0 -5
  24. package/scss/helpers/_screen_reader.scss +0 -11
  25. package/scss/helpers/_text_truncate.scss +0 -5
  26. package/scss/mixins/_border-radius.scss +0 -3
  27. package/scss/mixins/_box-shadow.scss +0 -16
  28. package/scss/mixins/_clearfix.scss +0 -9
  29. package/scss/mixins/_forms.scss +0 -152
  30. package/scss/mixins/_gradients.scss +0 -6
  31. package/scss/mixins/_grid.scss +0 -93
  32. package/scss/mixins/_transition.scss +0 -30
  33. package/scss/mixins/_utilities.scss +0 -15
  34. package/scss/mixins/generators/_color-sheme.scss +0 -17
  35. package/scss/mixins/generators/_wrapper.scss +0 -16
  36. package/scss/utilities/_api.scss +0 -24
package/scss/scssleon.scss CHANGED
@@ -1,5 +1,8 @@
1
1
  @charset "UTF-8";
2
2
 
3
+ @forward './mixins';
4
+ @forward './functions';
5
+
3
6
  /*
4
7
  * ------------------------------------------------------------------
5
8
  * ███████╗ ██████╗ ██████╗███████╗██╗ ███████╗ ██████╗ ███╗ ██╗
@@ -25,7 +28,7 @@ Main configuration - initial configuration requirement
25
28
  // Those two variables will be used to store configuration settings and theme settings
26
29
  // You can easily customize any available options to fit your needs
27
30
  $config: (
28
- prefix: "xii",
31
+ prefix: 'xii',
29
32
  enable: (
30
33
  wrapper: false,
31
34
  ),
@@ -39,35 +42,34 @@ $theme: (
39
42
 
40
43
  // ↓ Config
41
44
  // Override default config | @example
42
- @use "config" as config with (
45
+ @use 'config' as config with (
43
46
  $config: $config
44
47
  );
45
48
 
46
49
  // ↓ Theme
47
50
  /* Override default settings in the theme | @example */
48
- @use "themes/default" as theme with (
49
- $theme: $theme
51
+ @use 'themes/default' as theme with (
52
+ $theme: $theme,
53
+ $config: config.$config,
50
54
  );
51
55
 
52
56
  // Getting updated variables
53
57
  $config: config.$config;
54
58
  $theme: theme.$theme;
55
59
 
56
- /* Main configuration END
57
- -------------------------------------------------------*/
58
60
 
59
61
  /* ------------------------------------------------------------------
60
62
  * Loading modules - this is default configuration with all modules enabled
61
63
  */
62
64
 
63
65
  // ↓ Root
64
- @use "root" with (
66
+ @use 'root' with (
65
67
  $config: $config,
66
68
  $theme: $theme
67
69
  );
68
70
 
69
71
  // ↓ Great reset
70
- @use "reset" with (
72
+ @use 'reset' with (
71
73
  $config: $config,
72
74
  $theme: $theme
73
75
  );
@@ -75,68 +77,70 @@ $theme: theme.$theme;
75
77
  // ↓ Base
76
78
  // Special utility, that will dynamically generate CSS
77
79
  // properties for HTML tags, specified in theme
78
- @use "base" with (
80
+ @use 'base' with (
79
81
  $config: $config,
80
82
  $theme: $theme
81
83
  );
82
84
 
83
85
  // ↓ Amazing content
84
86
  // Special class `.content` to allow formatting of the default html tags
85
- @use "content" with (
87
+ @use 'content' with (
86
88
  $config: $config,
87
89
  $theme: $theme
88
90
  );
89
91
 
90
92
  // ↓ Container
91
- @use "components/container" with (
93
+ @use 'components/container' with (
92
94
  $config: $config,
93
95
  $theme: $theme
94
96
  );
95
97
 
96
98
  // ↓ Card
97
- @use "components/card" with (
99
+ @use 'components/card' with (
98
100
  $config: $config,
99
101
  $theme: $theme
100
102
  );
101
103
 
102
104
  // ↓ Badge
103
- @use "components/badge" with (
105
+ @use 'components/badge' with (
104
106
  $config: $config,
105
107
  $theme: $theme
106
108
  );
107
109
 
108
110
  // ↓ Form
109
- @use "components/form" with (
111
+ @use 'components/form' with (
110
112
  $config: $config,
111
113
  $theme: $theme
112
114
  );
113
115
 
114
116
  // ↓ Buttons
115
- @use "components/button" with (
117
+ @use 'components/button' with (
116
118
  $config: $config,
117
119
  $theme: $theme
118
120
  );
119
- @use "components/button_group" with (
121
+ @use 'components/button_group' with (
120
122
  $config: $config,
121
123
  $theme: $theme
122
124
  );
123
125
 
124
- ////@use "components/icon";
125
- //@use "components/button";
126
- ////@use "components/button-group";
126
+ ////@use 'components/icon';
127
+ //@use 'components/button';
128
+ ////@use 'components/button-group';
127
129
 
128
130
  // ↓ Breadcrumbs
129
- @use "components/breadcrumb" with (
131
+ @use 'components/breadcrumb' with (
130
132
  $config: $config,
131
133
  $theme: $theme
132
134
  );
133
135
 
134
- @use "components/alert" with (
136
+ // ↓ Alert
137
+ @use 'components/alert' with (
135
138
  $config: $config,
136
139
  $theme: $theme
137
140
  );
138
141
 
139
- @use "components/accordion" with (
142
+ // ↓ Accordion
143
+ @use 'components/accordion' with (
140
144
  $config: $config,
141
145
  $theme: $theme
142
146
  );
@@ -148,60 +152,55 @@ $theme: theme.$theme;
148
152
  //);
149
153
 
150
154
  // ↓ Overlay
151
- @use "components/overlay" with (
155
+ @use 'components/overlay' with (
152
156
  $config: $config,
153
157
  $theme: $theme
154
158
  );
155
159
 
156
160
  // ↓ Pagination
157
- @use "components/pagination" with (
161
+ @use 'components/pagination' with (
158
162
  $config: $config,
159
163
  $theme: $theme
160
164
  );
161
165
 
162
166
  // ↓ Placeholder
163
- @use "components/placeholder" with (
167
+ @use 'components/placeholder' with (
164
168
  $config: $config,
165
169
  $theme: $theme
166
170
  );
167
171
 
168
172
  // ↓ Modal
169
- @use "components/modal" with (
173
+ @use 'components/modal' with (
170
174
  $config: $config,
171
175
  $theme: $theme
172
176
  );
173
177
 
174
178
  // ↓ Loader
175
- @use "components/loader" with (
179
+ @use 'components/loader' with (
176
180
  $config: $config,
177
181
  $theme: $theme
178
182
  );
179
183
 
180
184
  // ↓ Nav
181
- @use "components/nav" with (
185
+ @use 'components/nav' with (
182
186
  $config: $config,
183
187
  $theme: $theme
184
188
  );
185
189
 
186
190
  // ↓ Navigation bar
187
- @use "components/navbar" with (
191
+ @use 'components/navbar' with (
188
192
  $config: $config,
189
193
  $theme: $theme
190
194
  );
191
195
 
192
196
  // ↓ Sidecap
193
- @use "components/sidecap" with (
197
+ @use 'components/sidecap' with (
194
198
  $config: $config,
195
199
  $theme: $theme
196
200
  );
197
201
 
198
- // ↓ Helpers
199
- @use "helpers/clearfix";
200
- @use "helpers/screen_reader";
201
- @use "helpers/text_truncate";
202
-
203
- // ↓ Utilities
204
- @use "utilities/api" with (
202
+ // ↓ Tooltip
203
+ @use 'components/tooltip' with (
205
204
  $config: $config,
206
205
  $theme: $theme
207
206
  );