@nulllogic/scssleon 1.0.4 → 1.0.6

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 (33) hide show
  1. package/README.md +230 -39
  2. package/package.json +4 -2
  3. package/scss/_base.scss +35 -2
  4. package/scss/_config.scss +10 -30
  5. package/scss/_content.scss +30 -7
  6. package/scss/_mixins.scss +1 -17
  7. package/scss/_reset.scss +23 -6
  8. package/scss/_root.scss +7 -11
  9. package/scss/components/_container.scss +19 -17
  10. package/scss/components/_form.scss +3 -44
  11. package/scss/components/_megamenu.scss +15 -0
  12. package/scss/components/_placeholder.scss +1 -15
  13. package/scss/components/_tooltip.scss +15 -0
  14. package/scss/mixins/generators/_components.scss +42 -12
  15. package/scss/mixins/generators/_properties.scss +146 -62
  16. package/scss/scssleon.scss +33 -36
  17. package/scss/themes/_default.scss +1192 -328
  18. package/scss/_utilities.scss +0 -356
  19. package/scss/animations/_placeholder.scss +0 -12
  20. package/scss/helpers/_clearfix.scss +0 -5
  21. package/scss/helpers/_screen_reader.scss +0 -11
  22. package/scss/helpers/_text_truncate.scss +0 -5
  23. package/scss/mixins/_border-radius.scss +0 -3
  24. package/scss/mixins/_box-shadow.scss +0 -16
  25. package/scss/mixins/_clearfix.scss +0 -9
  26. package/scss/mixins/_forms.scss +0 -152
  27. package/scss/mixins/_gradients.scss +0 -6
  28. package/scss/mixins/_grid.scss +0 -93
  29. package/scss/mixins/_transition.scss +0 -30
  30. package/scss/mixins/_utilities.scss +0 -15
  31. package/scss/mixins/generators/_color-sheme.scss +0 -17
  32. package/scss/mixins/generators/_wrapper.scss +0 -16
  33. package/scss/utilities/_api.scss +0 -24
package/scss/scssleon.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @charset "UTF-8";
2
- @use "./mixins" as mixins;
3
- @use "./functions" as functions;
2
+
3
+ @forward './mixins';
4
+ @forward './functions';
4
5
 
5
6
  /*
6
7
  * ------------------------------------------------------------------
@@ -27,7 +28,7 @@ Main configuration - initial configuration requirement
27
28
  // Those two variables will be used to store configuration settings and theme settings
28
29
  // You can easily customize any available options to fit your needs
29
30
  $config: (
30
- prefix: "xii",
31
+ prefix: 'xii',
31
32
  enable: (
32
33
  wrapper: false,
33
34
  ),
@@ -41,14 +42,15 @@ $theme: (
41
42
 
42
43
  // ↓ Config
43
44
  // Override default config | @example
44
- @use "config" as config with (
45
+ @use 'config' as config with (
45
46
  $config: $config
46
47
  );
47
48
 
48
49
  // ↓ Theme
49
50
  /* Override default settings in the theme | @example */
50
- @use "themes/default" as theme with (
51
+ @use 'themes/default' as theme with (
51
52
  $theme: $theme,
53
+ $config: config.$config,
52
54
  );
53
55
 
54
56
  // Getting updated variables
@@ -61,13 +63,13 @@ $theme: theme.$theme;
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,70 +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
136
  // ↓ Alert
135
- @use "components/alert" with (
137
+ @use 'components/alert' with (
136
138
  $config: $config,
137
139
  $theme: $theme
138
140
  );
139
141
 
140
142
  // ↓ Accordion
141
- @use "components/accordion" with (
143
+ @use 'components/accordion' with (
142
144
  $config: $config,
143
145
  $theme: $theme
144
146
  );
@@ -150,60 +152,55 @@ $theme: theme.$theme;
150
152
  //);
151
153
 
152
154
  // ↓ Overlay
153
- @use "components/overlay" with (
155
+ @use 'components/overlay' with (
154
156
  $config: $config,
155
157
  $theme: $theme
156
158
  );
157
159
 
158
160
  // ↓ Pagination
159
- @use "components/pagination" with (
161
+ @use 'components/pagination' with (
160
162
  $config: $config,
161
163
  $theme: $theme
162
164
  );
163
165
 
164
166
  // ↓ Placeholder
165
- @use "components/placeholder" with (
167
+ @use 'components/placeholder' with (
166
168
  $config: $config,
167
169
  $theme: $theme
168
170
  );
169
171
 
170
172
  // ↓ Modal
171
- @use "components/modal" with (
173
+ @use 'components/modal' with (
172
174
  $config: $config,
173
175
  $theme: $theme
174
176
  );
175
177
 
176
178
  // ↓ Loader
177
- @use "components/loader" with (
179
+ @use 'components/loader' with (
178
180
  $config: $config,
179
181
  $theme: $theme
180
182
  );
181
183
 
182
184
  // ↓ Nav
183
- @use "components/nav" with (
185
+ @use 'components/nav' with (
184
186
  $config: $config,
185
187
  $theme: $theme
186
188
  );
187
189
 
188
190
  // ↓ Navigation bar
189
- @use "components/navbar" with (
191
+ @use 'components/navbar' with (
190
192
  $config: $config,
191
193
  $theme: $theme
192
194
  );
193
195
 
194
196
  // ↓ Sidecap
195
- @use "components/sidecap" with (
197
+ @use 'components/sidecap' with (
196
198
  $config: $config,
197
199
  $theme: $theme
198
200
  );
199
201
 
200
- // ↓ Helpers
201
- @use "helpers/clearfix";
202
- @use "helpers/screen_reader";
203
- @use "helpers/text_truncate";
204
-
205
- // ↓ Utilities
206
- @use "utilities/api" with (
202
+ // ↓ Tooltip
203
+ @use 'components/tooltip' with (
207
204
  $config: $config,
208
205
  $theme: $theme
209
206
  );